diff options
author | tpart <tpart@noreply.codeberg.org> | 2023-01-19 19:30:41 +0000 |
---|---|---|
committer | metamuffin <metamuffin@noreply.codeberg.org> | 2023-01-19 19:30:41 +0000 |
commit | a9ad28ffc17c07b18d6d559b698e9f09247a4879 (patch) | |
tree | c937b80b18f6b64fbbe1f797bd7d1491cb315f97 | |
parent | 47556e24509d4c438a7fad6c05828ca4e3f2761a (diff) | |
download | keks-meet-a9ad28ffc17c07b18d6d559b698e9f09247a4879.tar keks-meet-a9ad28ffc17c07b18d6d559b698e9f09247a4879.tar.bz2 keks-meet-a9ad28ffc17c07b18d6d559b698e9f09247a4879.tar.zst |
fix css on mobile (#4)
Co-authored-by: tpart <10518520-tpart@users.noreply.gitlab.com>
Reviewed-on: https://codeberg.org/metamuffin/keks-meet/pulls/4
Co-authored-by: tpart <tpart@noreply.codeberg.org>
Co-committed-by: tpart <tpart@noreply.codeberg.org>
-rw-r--r-- | client-web/public/assets/style/master.css | 41 |
1 files changed, 40 insertions, 1 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index f30b085..c928e97 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -105,7 +105,6 @@ button:disabled { .start-box .description { margin-bottom: 1.5em; - font-size: xx-large; text-align: center; } @@ -113,4 +112,44 @@ button:disabled { padding: 0.5em; font-size: x-large; width: calc(100% - 1em); +} + +@media (max-width : 800px) { + h1 { + font-size: xxx-large; + } + + .start-box { + position: relative; + top: 0; + left: 0; + transform: none; + width: 90%; + margin: 0 auto; + margin-top: 1em; + } + + .start-box .description { + margin-bottom: 0.5em; + font-size: large; + } + + .start-box p { + margin-bottom: 0.5em; + font-size: large; + } + + .start-box input[type="text"] { + margin: 1em 0 0.5em 0; + font-size: large; + } + + .start-box input[type="button"] { + margin: 0.5em 0 0.5em 0; + font-size: large; + } + + #room-id-input { + font-size: large; + } }
\ No newline at end of file |