Full width map on mobile

This patch lets the map in the adventure details use the full screen
width on mobile instead of having one sixth of the screen empty.
This commit is contained in:
Lars Kiesow
2025-04-27 17:49:31 +02:00
parent 56bbbb0ffb
commit f31db982ce

View File

@@ -467,7 +467,7 @@
{/if}
<MapLibre
style="https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
class="flex items-center self-center justify-center aspect-[9/16] max-h-[70vh] sm:aspect-video sm:max-h-full w-10/12 rounded-lg"
class="flex items-center self-center justify-center aspect-[9/16] max-h-[70vh] sm:aspect-video sm:max-h-full w-full md:w-10/12 rounded-lg"
standardControls
center={{ lng: adventure.longitude || 0, lat: adventure.latitude || 0 }}
zoom={adventure.longitude ? 12 : 1}