k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-19 13:21:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix PWA safe area: navbar extends behind status bar, remove bottom black bar

Browse Source
This commit is contained in:
Maurice
2026-03-21 22:42:21 +01:00
parent 557de4cd5a
commit f55f5ea449
10 changed files with 19 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/index.css
+3 -11
View File
@@ -3,17 +3,7 @@
@tailwind utilities;
html { height: 100%; overflow: hidden; }
body {
height: 100%;
overflow: auto;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch;
/* PWA safe areas (notch, home indicator) */
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);
}
body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
.atlas-tooltip {
background: rgba(10, 10, 20, 0.6) !important;
@@ -148,6 +138,8 @@ html.dark .bg-slate-50\/60, html.dark [class*="bg-slate-50/"] { background-color
/* ── Design tokens ─────────────────────────────── */
:root {
--safe-top: env(safe-area-inset-top, 0px);
--nav-h: calc(56px + var(--safe-top));
--font-system: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
--sp-1: 4px;
--sp-2: 8px;