k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-21 14: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/pages/AtlasPage.jsx
+2 -2
View File
@@ -270,7 +270,7 @@ export default function AtlasPage() {
return (
<div className="min-h-screen" style={{ background: 'var(--bg-primary)' }}>
<Navbar />
<div className="pt-14 flex items-center justify-center" style={{ minHeight: 'calc(100vh - 56px)' }}>
<div className="flex items-center justify-center" style={{ paddingTop: 'var(--nav-h)', minHeight: 'calc(100vh - var(--nav-h))' }}>
<div className="w-8 h-8 border-2 rounded-full animate-spin" style={{ borderColor: 'var(--border-primary)', borderTopColor: 'var(--text-primary)' }} />
</div>
</div>
@@ -280,7 +280,7 @@ export default function AtlasPage() {
return (
<div className="min-h-screen" style={{ background: 'var(--bg-primary)' }}>
<Navbar />
<div style={{ position: 'fixed', top: 56, left: 0, right: 0, bottom: 0 }}>
<div style={{ position: 'fixed', top: 'var(--nav-h)', left: 0, right: 0, bottom: 0 }}>
{/* Map */}
<div ref={mapRef} style={{ position: 'absolute', inset: 0, zIndex: 1, background: dark ? '#1a1a2e' : '#f0f0f0' }} />