fix: home map visible on mobile, invalidateSize on both maps

- Explicit height: 40vh on .home-map (not just 100% of parent) so Leaflet
  can measure the container reliably before CSS inheritance is resolved
- align-self: stretch on .home-map-col so it spans full width in flex column
- setTimeout invalidateSize(100ms) on home and dailies maps as safety net

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RB86BaJBG3eGiMdfhmHRrQ
This commit is contained in:
2026-06-19 17:29:52 +02:00
parent a9eda558c0
commit 49d10f4816
3 changed files with 4 additions and 1 deletions
+2 -1
View File
@@ -695,7 +695,8 @@ body::after {
@media (max-width: 768px) {
.home-layout { display: flex; flex-direction: column; }
.home-map-col { position: static; height: 40vh; }
.home-map-col { position: static; height: 40vh; align-self: stretch; }
.home-map { height: 40vh; }
.home-feed-col { padding: var(--space-6) var(--space-5); }
}