Fix mobile safe-area layout

This commit is contained in:
Yuri Karamian
2026-07-15 12:00:54 +02:00
parent bf5a9f134d
commit 28ef37f354
2 changed files with 7 additions and 5 deletions
-4
View File
@@ -1142,10 +1142,6 @@ body.resizing {
/* ── Mobile (Android/iOS) ── */
@media (max-width: 768px) {
body {
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
+7 -1
View File
@@ -1157,7 +1157,13 @@
.mobile-shell {
display: flex;
flex-direction: column;
height: 100vh;
height: 100dvh;
box-sizing: border-box;
padding:
env(safe-area-inset-top, 0px)
env(safe-area-inset-right, 0px)
env(safe-area-inset-bottom, 0px)
env(safe-area-inset-left, 0px);
overflow: hidden;
background: var(--bg-primary);
}