fix map container height to fit viewport

This commit is contained in:
Robin Tuszik 2025-06-06 23:03:53 +02:00
parent 8f4c10240e
commit 5a0ea4306f
2 changed files with 6 additions and 1 deletions

View file

@ -103,3 +103,8 @@
margin-bottom: 1rem;
width: 100%;
}
.map-container-full-height {
/* 100vh - navbar height - footer height */
height: calc(100vh - 165px - 120px);
}

View file

@ -72,7 +72,7 @@
data-distance="<%= @distance %>"
data-points_number="<%= @points_number %>"
data-timezone="<%= Rails.configuration.time_zone %>">
<div data-maps-target="container" class="h-[25rem] rounded-lg w-full min-h-screen z-0">
<div data-maps-target="container" class="map-container-full-height rounded-lg w-full z-0">
<div id="fog" class="fog"></div>
</div>
</div>