github/TREK
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix bottom safe area: html background + fixed inset for map page

Browse Source
This commit is contained in:
Maurice
2026-03-21 22:54:20 +01:00
parent 031cc3587b
commit 502c334cbf
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/index.css
View File

@@ -2,7 +2,7 @@
@tailwind components;
@tailwind utilities;
html { height: 100%; overflow: hidden; }
html { height: 100%; overflow: hidden; background-color: var(--bg-primary); }
body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
.atlas-tooltip {

2
client/src/pages/TripPlannerPage.jsx
View File

@@ -277,7 +277,7 @@ export default function TripPlannerPage() {
if (!trip) return null
return (
<div style={{ height: '100vh', display: 'flex', flexDirection: 'column', overflow: 'hidden', ...fontStyle }}>
<div style={{ position: 'fixed', inset: 0, display: 'flex', flexDirection: 'column', overflow: 'hidden', ...fontStyle }}>
<Navbar tripTitle={trip.title} tripId={tripId} showBack onBack={() => navigate('/dashboard')} onShare={() => setShowMembersModal(true)} />
<div style={{