diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-02-05 21:25:38 +0100 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-02-05 21:25:38 +0100 |
| commit | 89f9f9e1c3a29ba16d53227786dfba18587f9fa7 (patch) | |
| tree | cd492b17c51454f9a369fa6ec9589d7df3459021 | |
| parent | 6f4a9528e6d55b0f8a94b452948dd74cf85976b3 (diff) | |
| parent | 0eebf707a1f8b5dc73c5b068c60e88271042357d (diff) | |
| download | keks-meet-89f9f9e1c3a29ba16d53227786dfba18587f9fa7.tar keks-meet-89f9f9e1c3a29ba16d53227786dfba18587f9fa7.tar.bz2 keks-meet-89f9f9e1c3a29ba16d53227786dfba18587f9fa7.tar.zst | |
Merge branch 'master' of codeberg.org:metamuffin/keks-meet
| -rw-r--r-- | client-web/public/assets/style/master.css | 44 |
1 files changed, 42 insertions, 2 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index f30b085..c6527b8 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -28,7 +28,8 @@ body.start { background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg"); - background-size: 40vw; + background-attachment: fixed; + background-size: cover, 40vw; background-color: var(--ac-dark); } @@ -105,7 +106,6 @@ button:disabled { .start-box .description { margin-bottom: 1.5em; - font-size: xx-large; text-align: center; } @@ -113,4 +113,44 @@ button:disabled { padding: 0.5em; font-size: x-large; width: calc(100% - 1em); +} + +@media (max-width : 800px), (max-height: 700px) { + 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 |