summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortpart <tpart@noreply.codeberg.org>2023-01-19 19:30:41 +0000
committermetamuffin <metamuffin@noreply.codeberg.org>2023-01-19 19:30:41 +0000
commita9ad28ffc17c07b18d6d559b698e9f09247a4879 (patch)
treec937b80b18f6b64fbbe1f797bd7d1491cb315f97
parent47556e24509d4c438a7fad6c05828ca4e3f2761a (diff)
downloadkeks-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.css41
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