fix(absences) : dates du drawer employé en pleine largeur (1 par ligne)
Auto Tag Develop / tag (push) Successful in 7s

Dans le drawer « Informations employé », les champs Date d'embauche et
Date de sortie étaient sur une grille 2 colonnes : le popover du
calendrier MalioDate, coincé en demi-largeur, chevauchait le champ
voisin. Passage en pleine largeur (sm:col-span-2) pour laisser le
calendrier s'afficher correctement.
This commit is contained in:
Matthieu
2026-05-26 11:02:09 +02:00
parent f8322f8b1e
commit ac615875f3
@@ -7,16 +7,22 @@
</div> </div>
</template> </template>
<form v-if="user" class="grid grid-cols-1 gap-4 sm:grid-cols-2" @submit.prevent="save"> <form v-if="user" class="grid grid-cols-1 gap-4 sm:grid-cols-2" @submit.prevent="save">
<!-- Dates en pleine largeur (1 par ligne) : le popover du calendrier
a besoin de toute la largeur pour s'afficher correctement. -->
<div class="sm:col-span-2">
<MalioDate <MalioDate
v-model="form.hireDate" v-model="form.hireDate"
:label="$t('absences.admin.employees.fields.hireDate')" :label="$t('absences.admin.employees.fields.hireDate')"
group-class="w-full" group-class="w-full"
/> />
</div>
<div class="sm:col-span-2">
<MalioDate <MalioDate
v-model="form.endDate" v-model="form.endDate"
:label="$t('absences.admin.employees.fields.endDate')" :label="$t('absences.admin.employees.fields.endDate')"
group-class="w-full" group-class="w-full"
/> />
</div>
<MalioSelect <MalioSelect
v-model="form.contractType" v-model="form.contractType"
:label="$t('absences.admin.employees.fields.contractType')" :label="$t('absences.admin.employees.fields.contractType')"