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:
@@ -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 ? (
|
||||
|
||||
7
todo.md
7
todo.md
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user