Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make heatmap fit inside the page layout.

Browse source
This commit is contained in:
Eli Ribble 2025-11-13 17:55:44 +00:00
parent bc60be3b48
commit b6c078f04c
No known key found for this signature in database
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
templates/dashboard.html
View file

@ -44,6 +44,16 @@ body {
justify-content: center;
margin-top: 20px;
}
#map {
height: 500px;
width:100%;
margin-bottom: 10px;
}
#map img {
max-width: none;
min-width: 0px;
height: auto;
}
.section-title {
margin: 30px 0 20px;
padding-bottom: 10px;
@ -169,13 +179,7 @@ body {
<div class="row">
<div class="col-12">
<div class="map-container" id="mosquito-heatmap">
<div id='map' style='width: 400px; height: 300px;'></div>
<div class="text-center">
<i class="fas fa-map-marked-alt fa-4x text-muted mb-3"></i>
<h4>Mosquito Activity Heatmap</h4>
<p class="text-muted">Map visualization will be displayed here</p>
<small>Showing activity data for the Central District area</small>
</div>
<div id='map'></div>
</div>
</div>
</div>