diff options
| -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 |