✨ refactor(templates): Améliore la hiérarchie des titres (h1, h2, h3) pour une meilleure sémantique.
This commit is contained in:
@@ -45,7 +45,7 @@
|
||||
</div>
|
||||
|
||||
<div class="space-y-1">
|
||||
<h4 class="text-lg font-extrabold text-gray-900 leading-tight">{{ addresse.address }}</h4>
|
||||
<h3 class="text-lg font-extrabold text-gray-900 leading-tight">{{ addresse.address }}</h3>
|
||||
{% if addresse.address2 %}<p class="text-sm text-gray-500">{{ addresse.address2 }}</p>{% endif %}
|
||||
{% if addresse.address3 %}<p class="text-sm text-gray-400 italic">{{ addresse.address3 }}</p>{% endif %}
|
||||
<div class="pt-3 flex items-center gap-2">
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
|
||||
{% if step == 'request' %}
|
||||
<div class="text-center mb-8">
|
||||
<h2 class="text-3xl font-black text-gray-900">Oubli ?</h2>
|
||||
<h1 class="text-3xl font-black text-gray-900">Oubli ?</h2>
|
||||
<p class="text-gray-400 mt-2">Entrez votre mail pour recevoir un code.</p>
|
||||
</div>
|
||||
<form method="POST" class="space-y-4">
|
||||
@@ -30,7 +30,7 @@
|
||||
|
||||
{% elseif step == 'verify' %}
|
||||
<div class="text-center mb-8">
|
||||
<h2 class="text-3xl font-black text-gray-900">Vérification</h2>
|
||||
<h1 class="text-3xl font-black text-gray-900">Vérification</h2>
|
||||
<p class="text-gray-400 mt-2">Saisissez le code à 6 chiffres reçu par mail.</p>
|
||||
</div>
|
||||
<form method="POST" class="space-y-6">
|
||||
@@ -48,7 +48,7 @@
|
||||
|
||||
{% elseif step == 'reset' %}
|
||||
<div class="text-center mb-8">
|
||||
<h2 class="text-3xl font-black text-gray-900">Nouveau</h2>
|
||||
<h1 class="text-3xl font-black text-gray-900">Nouveau</h2>
|
||||
<p class="text-gray-400 mt-2">Choisissez votre nouveau mot de passe.</p>
|
||||
</div>
|
||||
<form method="POST" class="space-y-4">
|
||||
|
||||
@@ -114,9 +114,9 @@
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<h3 class="text-lg md:text-2xl font-black text-slate-900 uppercase tracking-tighter leading-[0.95] group-hover:text-[#f39e36] transition-colors line-clamp-2">
|
||||
<h2 class="text-lg md:text-2xl font-black text-slate-900 uppercase tracking-tighter leading-[0.95] group-hover:text-[#f39e36] transition-colors line-clamp-2">
|
||||
{{ product.name }}
|
||||
</h3>
|
||||
</h2>
|
||||
|
||||
<div class="mt-4 md:mt-5 flex items-center gap-2 text-[10px] md:text-[11px] font-black uppercase tracking-[0.15em] text-slate-600 group-hover:text-[#f39e36] transition-colors">
|
||||
<span>{{ 'catalog.product.view_more'|trans }}</span>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<div class="flex flex-col md:flex-row items-center justify-between gap-8 mb-10">
|
||||
{# Gauche : Identité #}
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-2xl font-black text-slate-900 uppercase tracking-tight">LUDIK EVENT</h3>
|
||||
<h2 class="text-2xl font-black text-slate-900 uppercase tracking-tight">LUDIK EVENT</h2>
|
||||
<p class="text-[10px] font-bold text-slate-400 tracking-widest uppercase mt-1">SIRET : 930 488 408 00012</p>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user