From a9ad28ffc17c07b18d6d559b698e9f09247a4879 Mon Sep 17 00:00:00 2001 From: tpart Date: Thu, 19 Jan 2023 19:30:41 +0000 Subject: 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 Co-committed-by: tpart --- client-web/public/assets/style/master.css | 41 ++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) (limited to 'client-web') 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 -- cgit v1.2.3-70-g09d2 From aff0ed3c6e2ecf32abd10bf8c2deee31adb2919a Mon Sep 17 00:00:00 2001 From: tpart Date: Thu, 19 Jan 2023 19:57:56 +0000 Subject: make background repeat & fix start page on small screens (#6) Co-authored-by: tpart Reviewed-on: https://codeberg.org/metamuffin/keks-meet/pulls/6 Co-authored-by: tpart Co-committed-by: tpart --- client-web/public/assets/style/master.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'client-web') diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index c928e97..a1bc8e1 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -28,6 +28,7 @@ body.start { background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg"); + background-attachment: fixed; background-size: 40vw; background-color: var(--ac-dark); } @@ -114,7 +115,7 @@ button:disabled { width: calc(100% - 1em); } -@media (max-width : 800px) { +@media (max-width : 800px), (max-height: 700px) { h1 { font-size: xxx-large; } -- cgit v1.2.3-70-g09d2 From c4c1d721582d6f14edef37bc4e2b86d679a2c459 Mon Sep 17 00:00:00 2001 From: tpart Date: Sat, 21 Jan 2023 11:35:11 +0100 Subject: Fix gradient on webkit --- client-web/public/assets/style/master.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'client-web') diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index a1bc8e1..c6527b8 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -29,7 +29,7 @@ body.start { background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("./tile-backdrop.svg"); background-attachment: fixed; - background-size: 40vw; + background-size: cover, 40vw; background-color: var(--ac-dark); } -- cgit v1.2.3-70-g09d2