fix(layout): contraindre la largeur des pages prose
All checks were successful
Deploy info-canicule / deploy (push) Successful in 1m32s

container-tight (max-w-5xl, @layer components) était écrasé par max-w-none
(@layer utilities) sur le même <section>, faisant déborder le contenu sur
toute la largeur. Sépare le wrapper container-tight de la zone prose.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Florian 2026-05-27 02:15:32 +02:00
parent 6315793c90
commit a8830a4f34
4 changed files with 12 additions and 4 deletions

View file

@ -17,7 +17,8 @@ export const prerender = false;
</div> </div>
</section> </section>
<section class="container-tight py-8 prose prose-slate max-w-none"> <section class="container-tight py-8">
<div class="prose prose-slate max-w-none">
<h2>Pourquoi ce site ?</h2> <h2>Pourquoi ce site ?</h2>
<p> <p>
Les épisodes de canicule, d'orages violents ou de fortes pluies tuent des dizaines de personnes Les épisodes de canicule, d'orages violents ou de fortes pluies tuent des dizaines de personnes
@ -87,5 +88,6 @@ export const prerender = false;
Mail : <a href="mailto:florian@nocleus.com">florian@nocleus.com</a> — pour toute question, Mail : <a href="mailto:florian@nocleus.com">florian@nocleus.com</a> — pour toute question,
remarque ou correction (typo, erreur dans un conseil, donnée incohérente). remarque ou correction (typo, erreur dans un conseil, donnée incohérente).
</p> </p>
</div>
</section> </section>
</Base> </Base>

View file

@ -19,7 +19,8 @@ export const prerender = false;
</div> </div>
</section> </section>
<section class="container-tight py-8 prose prose-slate max-w-none"> <section class="container-tight py-8">
<div class="prose prose-slate max-w-none">
<h2>À qui ça s'adresse</h2> <h2>À qui ça s'adresse</h2>
<p>Le registre nominatif communal est ouvert à toute personne qui le souhaite, mais il est <p>Le registre nominatif communal est ouvert à toute personne qui le souhaite, mais il est
particulièrement utile pour :</p> particulièrement utile pour :</p>
@ -104,5 +105,6 @@ export const prerender = false;
</a> </a>
</li> </li>
</ul> </ul>
</div>
</section> </section>
</Base> </Base>

View file

@ -15,7 +15,8 @@ export const prerender = false;
</div> </div>
</section> </section>
<section class="container-tight py-8 prose prose-slate max-w-none"> <section class="container-tight py-8">
<div class="prose prose-slate max-w-none">
<h2>Éditeur du site</h2> <h2>Éditeur du site</h2>
<p> <p>
Site édité <strong>à titre personnel, sans but lucratif</strong>, par : Site édité <strong>à titre personnel, sans but lucratif</strong>, par :
@ -116,5 +117,6 @@ export const prerender = false;
l'<a href="https://portail-api.meteofrance.fr/web/fr/api/DonneesPubliquesVigilance" rel="noopener">API officielle Météo France</a> l'<a href="https://portail-api.meteofrance.fr/web/fr/api/DonneesPubliquesVigilance" rel="noopener">API officielle Météo France</a>
(gratuite après inscription). (gratuite après inscription).
</p> </p>
</div>
</section> </section>
</Base> </Base>

View file

@ -59,7 +59,8 @@ const goalPercent = Math.min(100, Math.round((goalRaised / goalTarget) * 100));
</div> </div>
</section> </section>
<section class="container-tight py-8 prose prose-slate max-w-none"> <section class="container-tight py-8">
<div class="prose prose-slate max-w-none">
<h2>Don libre via Ko-fi</h2> <h2>Don libre via Ko-fi</h2>
<p> <p>
Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via
@ -106,5 +107,6 @@ const goalPercent = Math.min(100, Math.round((goalRaised / goalTarget) * 100));
Pour les questions juridiques (mention de l'éditeur, statut), voir les Pour les questions juridiques (mention de l'éditeur, statut), voir les
<a href="/mentions-legales">mentions légales</a>. <a href="/mentions-legales">mentions légales</a>.
</p> </p>
</div>
</section> </section>
</Base> </Base>