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