fix(layout): contraindre la largeur des pages prose
All checks were successful
Deploy info-canicule / deploy (push) Successful in 1m32s
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:
parent
6315793c90
commit
a8830a4f34
4 changed files with 12 additions and 4 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue