style(front) : ajustements layout blocs contact/adresse (ERP-63)
- Bloc Contact aligne sur le bloc Adresse : carte ombree en grille, bouton supprimer en absolute haut-droite (mdi:delete-outline). - Bloc Adresse : champs Adresse et Adresse complementaire sur 2 colonnes (col-span-2 via wrapper, car les inputs Malio renvoient class sur l'input interne) ; cellule vide pour renvoyer Categorie a la ligne suivante. - Grilles alignees (grid-cols-4, gaps homogenes).
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
Sans validation de ce bloc, les onglets restent inaccessibles. Au
|
||||
succes du POST, les champs passent en lecture seule et on bascule
|
||||
automatiquement sur l'onglet Information. -->
|
||||
<div class="mt-[48px] grid grid-cols-3 gap-x-[80px] gap-y-5">
|
||||
<div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
|
||||
<MalioInputText
|
||||
v-model="main.companyName"
|
||||
:label="t('commercial.clients.form.main.companyName')"
|
||||
@@ -105,7 +105,7 @@
|
||||
<MalioTabList v-model="activeTab" :tabs="tabs" class="mt-[60px]">
|
||||
<!-- Onglet Information -->
|
||||
<template #information>
|
||||
<div class="mt-12 grid grid-cols-3 gap-x-[80px] gap-y-5 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
|
||||
<div class="mt-12 grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
|
||||
<!-- pt-1 : aligne le bord superieur du textarea sur celui des
|
||||
inputs (centres dans un conteneur h-12, soit ~4px de retrait haut). -->
|
||||
<MalioInputTextArea
|
||||
|
||||
Reference in New Issue
Block a user