style(front) : aligne le drawer de filtres clients sur l'audit-log
- 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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user