ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-07-24 07:45:57 +02:00
Code Issues Projects Releases Wiki Activity

Fix mobile safe-area layout

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
-4
View File
@@ -1142,10 +1142,6 @@ body.resizing {
/* ── Mobile (Android/iOS) ── */ /* ── Mobile (Android/iOS) ── */
@media (max-width: 768px) { @media (max-width: 768px) {
body { 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; -webkit-tap-highlight-color: transparent;
touch-action: manipulation; touch-action: manipulation;
} }
src/lib/components/AppLayout.svelte
+7 -1
View File
@@ -1157,7 +1157,13 @@
.mobile-shell { .mobile-shell {
display: flex; display: flex;
flex-direction: column; 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; overflow: hidden;
background: var(--bg-primary); background: var(--bg-primary);
} }