fix: push Leaflet attribution above mobile nav bar on /map

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-23 19:23:57 +07:00
parent f7d8611031
commit df8bd39ce1

View file

@ -112,6 +112,14 @@
z-index: 0;
}
/* Push Leaflet bottom controls (attribution, zoom) above the mobile nav bar.
The nav bar is ~60px tall + safe area inset. This prevents "Map data © OpenStreetMap"
from overlapping the navigation buttons on mobile. */
.leaflet-bottom {
bottom: env(safe-area-inset-bottom, 0px);
padding-bottom: 64px;
}
.leaflet-popup-content-wrapper {
border-radius: calc(var(--radius) - 4px);
box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);