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:
@@ -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); }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user