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