hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

hopefully fix mobile viewport issues

Browse source
This commit is contained in:
hippoz 2022-09-01 18:25:21 +03:00
parent ec71cea0dd
commit 884fec6c5f
Signed by: hippoz
GPG key ID: 7C52899193467641
1 changed files with 27 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
frontend/public/global.css
View file

@ -71,15 +71,23 @@
} }
html, body { html, body {
margin: 0;
padding: 0; padding: 0;
margin: 0;
color-scheme: dark;
accent-color: var(--purple-2);
width: 100%; width: 100%;
height: 100%; height: 100%;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
} }
body { body {
color-scheme: dark; overflow: hidden;
accent-color: var(--purple-2); padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
color: var(--foreground-color-1); color: var(--foreground-color-1);
background-color: var(--background-color-1); background-color: var(--background-color-1);
font-size: 100%; font-size: 100%;
@ -89,7 +97,22 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; }
@supports(height: 1dvw) {
html, body {
min-width: 100dvw;
max-width: 100dvw;
width: 100dvw;
}
}
@supports(height: 1dvh) {
html, body {
min-height: 100dvh;
max-height: 100dvh;
height: 100dvh;
}
} }
/* fullscreen message */ /* fullscreen message */