Checkpoint: Titre et sous-titre sur une ligne dédiée, boutons d'action sur une ligne séparée avec flex-wrap pour éviter le défilement horizontal

This commit is contained in:
Manus
2026-04-12 18:17:42 -04:00
parent 412da0e68f
commit 5d0c8fbda9

View File

@@ -461,13 +461,14 @@ export default function InvoicesBAP() {
return ( return (
<DashboardLayout> <DashboardLayout>
<div className="space-y-6"> <div className="space-y-4">
<div className="flex items-center justify-between"> {/* En-tête : titre + sous-titre */}
<div> <div>
<h1 className="text-3xl font-bold">Factures BAP</h1> <h1 className="text-3xl font-bold">Factures BAP</h1>
<p className="text-gray-500 mt-1">Factures non-abonnement (Abonnement = NON)</p> <p className="text-gray-500 mt-1">Factures non-abonnement (Abonnement = NON)</p>
</div> </div>
<div className="flex gap-2"> {/* Barre d'actions : boutons sur une ligne dédiée avec retour à la ligne automatique */}
<div className="flex flex-wrap gap-2">
<Button <Button
onClick={handleExportExcel} onClick={handleExportExcel}
disabled={selectedIds.length === 0 || exportExcelMutation.isPending} disabled={selectedIds.length === 0 || exportExcelMutation.isPending}
@@ -576,7 +577,6 @@ export default function InvoicesBAP() {
<FileText className="w-4 h-4 mr-2" /> <FileText className="w-4 h-4 mr-2" />
Importer Importer
</Button> </Button>
</div>
</div> </div>
<Card> <Card>
@@ -931,7 +931,7 @@ export default function InvoicesBAP() {
</Card> </Card>
</div> </div>{/* fin space-y-4 */}
{/* Delete Confirmation Dialog */} {/* Delete Confirmation Dialog */}
<AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}> <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>