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:
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user