Checkpoint: Amélioration visuelle : Ajout d'une alternance de couleurs blanc/bleu sur le tableau des rappels.
**Modification apportée :** - Alternance de fond entre lignes paires (blanc) et impaires (bleu clair bg-blue-50/70) - Bleu légèrement soutenu pour un meilleur contraste visuel que le gris - Opacité à 70% pour un effet subtil et élégant **Résultat :** Tableau plus lisible avec une identité visuelle cohérente (thème bleu), améliore le suivi des lignes et la navigation visuelle.
This commit is contained in:
@@ -417,7 +417,7 @@ export default function AdminRappels() {
|
|||||||
return true;
|
return true;
|
||||||
})
|
})
|
||||||
.map((rappel, index) => (
|
.map((rappel, index) => (
|
||||||
<TableRow key={rappel.id} className={index % 2 === 0 ? "bg-white" : "bg-gray-50/50"}>
|
<TableRow key={rappel.id} className={index % 2 === 0 ? "bg-white" : "bg-blue-50/70"}>
|
||||||
<TableCell className="font-medium">
|
<TableCell className="font-medium">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
{rappel.datesDetails && rappel.datesDetails.length > 0 ? (
|
{rappel.datesDetails && rappel.datesDetails.length > 0 ? (
|
||||||
|
|||||||
5
todo.md
5
todo.md
@@ -937,3 +937,8 @@
|
|||||||
- [x] Appliquer la classe aux lignes du tableau
|
- [x] Appliquer la classe aux lignes du tableau
|
||||||
- [x] Tester le rendu visuel
|
- [x] Tester le rendu visuel
|
||||||
- [x] Déployer sur le VPS
|
- [x] Déployer sur le VPS
|
||||||
|
|
||||||
|
## Changement couleur alternance tableau rappels
|
||||||
|
|
||||||
|
- [x] Remplacer le gris par un bleu légèrement soutenu (bg-blue-50/70)
|
||||||
|
- [x] Déployer sur le VPS
|
||||||
|
|||||||
Reference in New Issue
Block a user