fix(dept): numéros urgence en 2×3 (grid-cols-2 mobile, sm:grid-cols-3)
Some checks failed
Deploy info-canicule / deploy (push) Failing after 4s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Florian 2026-05-27 23:39:33 +02:00
parent 270242a685
commit 29c1151fea

View file

@ -324,7 +324,7 @@ const topPhen = topAlert ? PHENOMENA[topAlert.phenomenonId] : null;
{topAlert && EMERGENCY_NUMBERS.length > 0 && ( {topAlert && EMERGENCY_NUMBERS.length > 0 && (
<div class="ic-card-soft" style="margin-bottom: 28px; padding: 18px;"> <div class="ic-card-soft" style="margin-bottom: 28px; padding: 18px;">
<div class="kicker" style="margin-bottom: 12px;">Numéros d'urgence</div> <div class="kicker" style="margin-bottom: 12px;">Numéros d'urgence</div>
<div class="grid gap-3" style="grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));"> <div class="grid gap-3 grid-cols-2 sm:grid-cols-3">
{EMERGENCY_NUMBERS.map((n) => ( {EMERGENCY_NUMBERS.map((n) => (
<div style="display: flex; align-items: baseline; gap: 8px;"> <div style="display: flex; align-items: baseline; gap: 8px;">
<a href={`tel:${n.num}`} style="font-family: var(--font-mono); font-weight: 700; font-size: 1.15rem; color: var(--v-rouge); text-decoration: none; border-bottom: none;"> <a href={`tel:${n.num}`} style="font-family: var(--font-mono); font-weight: 700; font-size: 1.15rem; color: var(--v-rouge); text-decoration: none; border-bottom: none;">