polen/prixdugaz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better mobile UX

Browse source
This commit is contained in:
Polen 2026-04-07 22:41:03 -04:00
parent a488993211
commit 3fdb38d3a0
3 changed files with 120 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

26
templates/map.html
View file

@ -9,6 +9,11 @@
<div id="page-map">
<div id="map"></div>
<button id="filter-toggle" class="map-panel" aria-label="Filtres">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
<span>Filtres</span>
</button>
<div id="slider-panel" class="map-panel">
<select id="region-select">
<option value="">Toutes les régions</option>
@ -49,19 +54,18 @@
<span id="slider-max">-</span>
</div>
<div id="visible-count"></div>
</div>
<div id="last-updated" class="map-panel">{{.LastUpdated}}</div>
<div id="legend" class="map-panel">
<h3 id="legend-title">Prix régulier (¢/L)</h3>
<div class="legend-gradient"></div>
<div class="legend-labels">
<span id="min-price">-</span>
<span id="max-price">-</span>
<div id="legend">
<div class="legend-header" id="legend-title">Régulier (¢/L)</div>
<div class="legend-gradient"></div>
<div class="legend-labels">
<span id="min-price">-</span>
<span id="max-price">-</span>
</div>
</div>
<div id="map-stats">{{.StationCount}} stations</div>
</div>
<div id="filter-backdrop"></div>
<div id="last-updated" class="map-panel">{{.LastUpdated}}</div>
</div>
<script>