sepehr
d505b479cd
1.6 KiB
title, type, created, status, route, context
| title | type | created | status | route | context |
|---|---|---|---|---|---|
| Aligner le design du CreateGlossaryDialog avec le design system éditorial | refactor | 2026-06-20 | done | one-shot |
Aligner le design du CreateGlossaryDialog avec le design system éditorial
Intent
Problem: Le dialog CreateGlossaryDialog utilisait le style shadcn/ui générique (boutons gris, tabs Radix standard, couleurs template Tailwind) alors que le reste de l'application — et notamment la page Glossaires elle-même — utilise un design éditorial premium avec typography serif Playfair Display, boutons premium-button dorés, cartes editorial-card, palette brand (#C5A17A), et micro-typographie soignée. De plus, les labels de langue étaient hardcodés en français au lieu d'utiliser le système i18n.
Approach: Refactoriser le composant pour adopter le même vocabulaire visuel (editorial-card, premium-button, accent-pill, font-serif, brand colors), remplacer les labels hardcodés par des clés i18n existantes, et ajouter les attributs ARIA manquants sur les tabs custom.
Suggested Review Order
- CreateGlossaryDialog.tsx — Composant refactorisé : vérifier la cohérence visuelle avec la page parent
- page.tsx — Page Glossaires (référence design — non modifiée)
- globals.css — Design tokens (référence — non modifié)