fix: affichage tarifs en colonne sur mobile dans la page formule

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Serreau Jovann
2026-03-20 13:15:34 +01:00
parent c21f28a4d6
commit d37cec3309

View File

@@ -58,12 +58,12 @@
<div class="bg-slate-50 border-4 border-slate-900 rounded-[2.5rem] p-8 mb-8 relative">
<div class="absolute -top-4 left-6 bg-white border-2 border-slate-900 px-4 py-1 rounded-full text-[10px] font-black uppercase text-[#f39e36]">Tarification</div>
<div class="grid grid-cols-3 gap-4">
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
<div class="text-center">
<p class="text-[10px] font-black text-slate-400 uppercase mb-1">1 JOUR</p>
<p class="text-2xl font-black text-slate-900">{{ formule.price1j|format_currency('EUR') }}</p>
</div>
<div class="text-center border-x-2 border-slate-200">
<div class="text-center sm:border-x-2 border-slate-200">
<p class="text-[10px] font-black text-slate-400 uppercase mb-1 text-[#f39e36]">2 JOURS</p>
<p class="text-2xl font-black text-[#f39e36]">{{ formule.price2j|format_currency('EUR') }}</p>
</div>