feat(front) : @malio/layer-ui 1.7.3 — slot message toujours reserve + class w-m-btn-action
Pull Request — Quality gate / Backend (PHP CS + PHPUnit) (pull_request) Successful in 1m32s
Pull Request — Quality gate / Frontend (lint + Vitest + build) (pull_request) Successful in 1m13s

- Bump @malio/layer-ui ^1.7.2 → ^1.7.3
- Migration des boutons d'action w-[150px] → w-m-btn-action (CategoryDrawer, RoleDrawer, SiteDrawer, UserRbacDrawer, audit-log)
- Rabotage des gaps de formulaires pour absorber le slot message Malio desormais toujours rendu (forms drawers, listes de checkbox, grille dates audit-log, accordeon permissions)
- Compensation des alignements verticaux pour les voisins non-Malio : puce couleur du SiteDrawer + labels Du/Au du drawer filtres audit-log
- Reduction du padding lateral xl: dans le layout default (170px → 44px)
This commit is contained in:
2026-06-01 09:52:39 +02:00
parent f770812b7e
commit 6d3d44f0bb
10 changed files with 49 additions and 38 deletions
@@ -11,7 +11,7 @@
{{ isEditMode ? t('admin.sites.editSite') : t('admin.sites.createSite') }}
</h2>
</template>
<form class="flex flex-col gap-4 py-4" @submit.prevent="handleSave">
<form class="flex flex-col py-4" @submit.prevent="handleSave">
<MalioInputText
v-model="form.name"
:label="t('admin.sites.form.name')"
@@ -65,11 +65,16 @@
input-class="w-full font-mono"
required
/>
<span
:style="{ backgroundColor: isValidHex ? form.color : 'transparent' }"
class="inline-block size-10 shrink-0 rounded-lg border border-neutral-200"
:class="{ 'border-dashed': !isValidHex }"
/>
<!-- pb-4 sur le wrapper : simule le slot message du
MalioInputText voisin pour qu'items-center recentre
la puce sur le centre visible de l'input. -->
<div class="shrink-0 pb-4">
<span
:style="{ backgroundColor: isValidHex ? form.color : 'transparent' }"
class="inline-block size-10 rounded-lg border border-neutral-200"
:class="{ 'border-dashed': !isValidHex }"
/>
</div>
</div>
<p v-if="form.color && !isValidHex" class="mt-1 text-xs text-red-600">
{{ t('admin.sites.form.colorInvalid') }}
@@ -87,20 +92,20 @@
variant="danger"
icon-name="mdi:delete-outline"
icon-position="left"
button-class="w-[150px]"
button-class="w-m-btn-action"
@click="emit('delete')"
/>
<MalioButton
v-else
:label="t('common.cancel')"
variant="tertiary"
button-class="w-[150px]"
button-class="w-m-btn-action"
@click="emit('update:modelValue', false)"
/>
<MalioButton
:label="t('common.save')"
variant="primary"
button-class="w-[150px]"
button-class="w-m-btn-action"
:disabled="saving || !isValidHex"
@click="handleSave"
/>