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 (
<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())}>
{current} / {max}
</span>

View File

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

View File

@@ -309,3 +309,8 @@
## Correction bug AdminSequences
- [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