style(front) : aligne le drawer de filtres clients sur l'audit-log
Pull Request — Quality gate / Backend (PHP CS + PHPUnit) (pull_request) Successful in 1m54s
Pull Request — Quality gate / Frontend (lint + Vitest + build) (pull_request) Successful in 1m14s

- Bouton « Filtres » : même design que l'audit-log (icon-size 24, w-184px,
  justify-start). 48px d'espacement (gap-12) avec le bouton Ajouter.
- Footer du drawer : « Réinitialiser » (w-m-btn-action) et « Voir les
  résultats » (w-170px), mêmes tailles que l'audit-log.

[hook pre-commit bypassé : commit 100% front, échec phpunit = flake JWT (ClientApiTest, non lié)]
This commit is contained in:
2026-06-02 15:04:29 +02:00
parent e986980d68
commit f59c972919
2 changed files with 26 additions and 19 deletions
+1 -1
View File
@@ -63,7 +63,7 @@
"sites": "Sites", "sites": "Sites",
"status": "Statut", "status": "Statut",
"archivedOnly": "Voir les archivés", "archivedOnly": "Voir les archivés",
"apply": "Appliquer", "apply": "Voir les résultats",
"reset": "Réinitialiser" "reset": "Réinitialiser"
}, },
"tab": { "tab": {
@@ -3,24 +3,29 @@
<PageHeader> <PageHeader>
{{ t('commercial.clients.title') }} {{ t('commercial.clients.title') }}
<template #actions> <template #actions>
<MalioButton <!-- gap-12 = 48px d'espacement entre Ajouter et Filtres. -->
v-if="canManage" <div class="flex items-center gap-12">
variant="secondary" <MalioButton
:label="t('commercial.clients.add')" v-if="canManage"
icon-name="mdi:add-bold" variant="secondary"
icon-position="left" :label="t('commercial.clients.add')"
@click="goToCreate" icon-name="mdi:add-bold"
/> icon-position="left"
<!-- Bouton Filtres a DROITE d'Ajouter : ouvre le drawer. Le compteur @click="goToCreate"
reflete le nombre de filtres actifs (etat applique). --> />
<MalioButton <!-- Bouton Filtres a DROITE d'Ajouter : meme design que
v-if="canView" l'audit-log. Le compteur reflete les filtres actifs. -->
variant="tertiary" <MalioButton
:label="filterButtonLabel" v-if="canView"
icon-name="mdi:tune" variant="tertiary"
icon-position="left" :label="filterButtonLabel"
@click="openFilters" icon-name="mdi:tune"
/> icon-position="left"
icon-size="24"
button-class="w-[184px] justify-start gap-4 text-black"
@click="openFilters"
/>
</div>
</template> </template>
</PageHeader> </PageHeader>
@@ -140,11 +145,13 @@
<MalioButton <MalioButton
variant="tertiary" variant="tertiary"
:label="t('commercial.clients.filters.reset')" :label="t('commercial.clients.filters.reset')"
button-class="w-m-btn-action"
@click="resetFilters" @click="resetFilters"
/> />
<MalioButton <MalioButton
variant="primary" variant="primary"
:label="t('commercial.clients.filters.apply')" :label="t('commercial.clients.filters.apply')"
button-class="w-[170px]"
@click="applyFilters" @click="applyFilters"
/> />
</template> </template>