Checkpoint: Harmonisation de la charte graphique : remplacement des classes Tailwind arbitraires par la classe CSS .page-title pour les titres des pages AdminNotifications et AdminFormateurs. Déploiement réussi sur le serveur de production avec couleur #60a5fa et drop-shadow.

This commit is contained in:
Manus
2026-01-21 11:27:29 -05:00
parent 0c8c4654ee
commit 8722cd57aa
4 changed files with 20 additions and 4 deletions

View File

@@ -137,8 +137,8 @@
/* Classe pour les titres avec charte graphique bleue */ /* Classe pour les titres avec charte graphique bleue */
.page-title { .page-title {
@apply text-3xl font-bold; @apply text-3xl font-bold;
color: #6B9FE8; color: #60a5fa;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
} }
/** /**
* Custom container utility that centers content and adds responsive padding. * Custom container utility that centers content and adds responsive padding.

View File

@@ -115,7 +115,7 @@ export default function AdminFormateurs() {
<DashboardLayout> <DashboardLayout>
<div className="space-y-6"> <div className="space-y-6">
<div> <div>
<h1 className="text-2xl font-bold text-[#60a5fa] drop-shadow-md">Gestion des Formateurs</h1> <h1 className="text-2xl font-bold page-title">Gestion des Formateurs</h1>
<p className="text-muted-foreground"> <p className="text-muted-foreground">
Gérez les formateurs et leurs adresses email pour les notifications Gérez les formateurs et leurs adresses email pour les notifications
</p> </p>

View File

@@ -103,7 +103,7 @@ export default function AdminNotifications() {
<div className="space-y-6"> <div className="space-y-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="mb-8"> <div className="mb-8">
<h1 className="text-3xl font-bold mb-2 text-[#60a5fa] drop-shadow-md">Tableau de bord des Notifications</h1> <h1 className="page-title mb-2">Tableau de bord des Notifications</h1>
<p className="text-muted-foreground"> <p className="text-muted-foreground">
Historique et statistiques de tous les emails envoyés Historique et statistiques de tous les emails envoyés
</p> </p>

16
todo.md
View File

@@ -1098,3 +1098,19 @@
- [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Tableau de bord des Notifications" - [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Tableau de bord des Notifications"
- [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Gestion des formateurs" - [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Gestion des formateurs"
- [x] Tester les modifications sur sandbox - [x] Tester les modifications sur sandbox
## Déploiement sur le serveur de production
- [ ] Se connecter au serveur de production via SSH
- [ ] Transférer les fichiers modifiés (AdminNotifications.tsx, AdminFormateurs.tsx)
- [ ] Redémarrer les services Node.js
- [ ] Vérifier que le déploiement fonctionne correctement
## Déploiement sur le serveur de production
- [x] Se connecter au serveur de production via SSH
- [x] Transférer les fichiers modifiés (AdminNotifications.tsx, AdminFormateurs.tsx)
- [x] Redémarrer les services Node.js
- [x] Vérifier que le déploiement fonctionne correctement (PROBLÈME: modifications non visibles)
- [x] Identifier la cause du problème (classes Tailwind arbitraires non compilées)
- [x] Corriger et redéployer (utilisation de la classe .page-title dans index.css)