Rubicon/tutu
1
0
Fork 0
Code Issues 19 Pull requests Projects Activity Actions

App: try to fix the bottom gap on iOS standalone
All checks were successful
/ depoly (push) Successful in 1m22s
Details

Browse source
This commit is contained in:
thislight 2024-11-10 23:21:08 +08:00
parent b2b84a9e5b
commit 0e33be020d
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
1 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/App.css
View file

@ -7,14 +7,25 @@
--safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-right: env(safe-area-inset-right); --safe-area-inset-right: env(safe-area-inset-right);
background-color: var(--tutu-color-surface, transparent); background-color: var(--tutu-color-surface, transparent);
overscroll-behavior-y: none; /* FIXME: Safari 15.4 does not support this, requires 16+ */
} }
:root, body, #root { /*
min-height: 100vh; Fix the bottom gap on iOS standalone.
min-height: 100dvh; https://stackoverflow.com/questions/66005655/pwa-ios-child-of-body-not-taking-100-height-gap-on-bottom
*/
@media screen and (display-mode: standalone) {
body {
width: 100%;
height: 100vh; height: 100vh;
height: 100dvh; }
#root {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
}
} }
.custom-emoji { .custom-emoji {