Checkpoint: Corrections d'affichage pour la page de gestion des séquences

 **1. Fenêtre de modification agrandie**
- Largeur passée de max-w-3xl à max-w-4xl
- Les champs formateur et capacité ne se chevauchent plus
- Meilleure lisibilité de tous les champs du formulaire

 **2. Espacement amélioré dans la barre de progression**
- Ajout d'un gap de 4 unités entre la capacité et le pourcentage
- Meilleure séparation visuelle des informations
- Lecture plus claire du taux de remplissage

Ces ajustements améliorent l'ergonomie et la lisibilité de l'interface de gestion des séquences.
This commit is contained in:
Manus Sandbox
2025-11-19 10:19:34 -05:00
parent 770f803717
commit 54cf4297bf
3 changed files with 8 additions and 3 deletions

View File

@@ -25,7 +25,7 @@ export function CapacityProgressBar({ current, max, className }: CapacityProgres
return ( return (
<div className={cn("space-y-1", className)}> <div className={cn("space-y-1", className)}>
<div className="flex items-center justify-between text-sm"> <div className="flex items-center justify-between text-sm gap-4">
<span className={cn("font-medium", getTextColorClass())}> <span className={cn("font-medium", getTextColorClass())}>
{current} / {max} {current} / {max}
</span> </span>

View File

@@ -331,7 +331,7 @@ export default function AdminSequences() {
Nouvelle Séquence Nouvelle Séquence
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<DialogHeader> <DialogHeader>
<DialogTitle>Créer une nouvelle séquence</DialogTitle> <DialogTitle>Créer une nouvelle séquence</DialogTitle>
<DialogDescription> <DialogDescription>
@@ -712,7 +712,7 @@ export default function AdminSequences() {
{/* Dialog d'édition */} {/* Dialog d'édition */}
<Dialog open={isEditOpen} onOpenChange={setIsEditOpen}> <Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
<DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto"> <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
<DialogHeader> <DialogHeader>
<DialogTitle>Modifier la séquence</DialogTitle> <DialogTitle>Modifier la séquence</DialogTitle>
<DialogDescription> <DialogDescription>

View File

@@ -309,3 +309,8 @@
## Correction bug AdminSequences ## Correction bug AdminSequences
- [x] Ajouter l'import de useMemo dans AdminSequences.tsx - [x] Ajouter l'import de useMemo dans AdminSequences.tsx
## Corrections d'affichage - Page Séquences
- [x] Redimensionner la fenêtre de modification des séquences (éviter chevauchement formateur/capacité)
- [x] Ajuster l'espacement entre capacité et pourcentage dans la barre de progression