manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Ajout d'un cadre bleu (border-2 border-blue-500) autour des images de signature des apprenants et formateurs dans la page d'émargement. L'effet hover passe au bleu foncé (border-blue-700) pour une meilleure interactivité visuelle.

Browse Source
This commit is contained in:
Manus
2026-02-10 09:54:35 -05:00
parent 023a047ee0
commit 62bf5f3a99
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/pages/FormateurEmargement.tsx
View File

@@ -384,7 +384,7 @@ export default function FormateurEmargement() {
<img
src={presenceInfo.signatureUrl}
alt="Signature"
className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
onClick={() => {
setSelectedSignature(presenceInfo.signatureUrl!);
setShowSignatureDialog(true);
@@ -440,7 +440,7 @@ export default function FormateurEmargement() {
<img
src={presenceInfo.signatureUrl}
alt="Signature"
className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
onClick={() => {
setSelectedSignature(presenceInfo.signatureUrl!);
setShowSignatureDialog(true);
@@ -556,7 +556,7 @@ export default function FormateurEmargement() {
<img
src={dateGroup.matin.signatureUrl}
alt="Signature formateur"
className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
onClick={() => {
setSelectedSignature(dateGroup.matin.signatureUrl!);
setShowSignatureDialog(true);
@@ -591,7 +591,7 @@ export default function FormateurEmargement() {
<img
src={dateGroup.apres_midi.signatureUrl}
alt="Signature formateur"
className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
onClick={() => {
setSelectedSignature(dateGroup.apres_midi.signatureUrl!);
setShowSignatureDialog(true);

7
todo.md
View File

@@ -1566,3 +1566,10 @@
- [x] Modifier l'affichage des lignes de présence formateurs pour inclure les images de signature matin et après-midi
- [x] Ajuster le layout pour que les images s'affichent correctement à côté des informations existantes
- [x] Déployer sur le serveur de test (recette) uniquement
## Ajouter un cadre bleu autour des images de signature
- [x] Modifier les classes CSS des images de signature pour ajouter une bordure bleue
- [x] Appliquer le cadre bleu aux signatures apprenants
- [x] Appliquer le cadre bleu aux signatures formateurs
- [x] Déployer sur production (recette indisponible temporairement)