doxa-life/doxa-maps-cdn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Phone map slots are 80px taller (twice as tall as wide)

Browse source
This commit is contained in:
swift-river542 2026-09-16 23:11:51 -05:00
parent e534ac9c42
commit dedb3b19ee
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/components/DoxaMapSlot.vue
View file

@ -58,11 +58,11 @@ const isSimple = props.bundle === 'simple-map'
@media (max-width: 768px) {
.doxa-map-slot {
min-height: 0;
/* Was 1 / 2 — twice as tall as wide, ~780px on a 390px phone ("too tall on mobile",
2026-09-16). 2 / 3 keeps room for the legend sheet and the toolbar; the cap keeps the
map inside one screen so the page below it stays reachable. */
aspect-ratio: 9 / 16;
max-height: 85svh;
/* Phone height: twice as tall as wide (~734px on a 390px phone) — 80px more map than the
9/16 it replaced, with room for the search band, the toolbar and the legend sheet. The
cap keeps the map inside one screen so the page below it stays reachable. */
aspect-ratio: 1 / 2;
max-height: 90svh;
}
}