Checkpoint: Amélioration visuelle : Ajout d'une alternance de couleurs (zebra striping) sur le tableau des rappels.

**Modification apportée :**
- Alternance de fond entre lignes paires (blanc) et impaires (gris très clair bg-gray-50/50)
- Améliore la lisibilité et facilite le suivi visuel des lignes
- Effet subtil et élégant grâce à l'opacité réduite

**Résultat :**
Tableau plus lisible et professionnel, conforme aux standards modernes d'interface utilisateur.
This commit is contained in:
Manus
2026-01-19 09:24:33 -05:00
parent ab19f2f325
commit b66d6b406f
2 changed files with 9 additions and 2 deletions

View File

@@ -416,8 +416,8 @@ export default function AdminRappels() {
}
return true;
})
.map((rappel) => (
<TableRow key={rappel.id}>
.map((rappel, index) => (
<TableRow key={rappel.id} className={index % 2 === 0 ? "bg-white" : "bg-gray-50/50"}>
<TableCell className="font-medium">
<div className="flex items-center gap-2">
{rappel.datesDetails && rappel.datesDetails.length > 0 ? (

View File

@@ -930,3 +930,10 @@
- [x] Rendre le badge "Oui" cliquable pour télécharger directement la pièce jointe
- [x] Tester les fonctionnalités
- [x] Déployer sur le VPS
## Alternance de couleurs sur tableau des rappels
- [x] Ajouter une classe CSS pour l'alternance de couleurs (zebra striping)
- [x] Appliquer la classe aux lignes du tableau
- [x] Tester le rendu visuel
- [x] Déployer sur le VPS