How to make the MapWidget full screen height
I use this to display GoogleMap https://github.com/cheesegrits/filament-google-maps Can I adjust the height of the card map? I have set the css to 100% height. but it still doesn't work
this is the blade.php
@vite('resources/css/app.css')
<x-filament-panels::page>
<div class="relative flex w-full h-screen">
<!-- Map Background -->
<div id="map-container" class="absolute top-0 left-0 w-full h-full z-0">
<div id="map" class="w-full h-full">
@livewire('widgets.location_map_widget')
</div>
</div>
</div>
</x-filament-panels::page>
app.css
#map-container {
height: 100vh;
}
#map {
width: 100%;
height: 100%;
}
You can see in the picture that there is still an empty part under the card map.
I want to change the height to full down so that there is no empty space at the bottom. is that possible?
GitHub
GitHub - cheesegrits/filament-google-maps: Google Maps package for ...
Google Maps package for Filament PHP. Contribute to cheesegrits/filament-google-maps development by creating an account on GitHub.
1 Reply
#solved