Skip to content

style(VSN-2470): consistent card design system across all fiche forms

yahya.elmokhtari a demandé de fusionner vsn-2470 vers develop

Contexte

Uniformisation du design des fiches détails dans tout le backoffice. Toutes les sections-cartes adoptent désormais un système visuel cohérent.

Changements

Composants partagés

  • Ajout du type combobox-plain dans form-field : dropdown avec recherche sans boutons + ni ×
  • Utilisé pour le champ Département dans la Fiche Établissement

Design des cartes (toutes les fiches)

  • Fond : bg-[#EDE9FB] (violet doux)
  • Ombre : boxShadow: var(--neo-shadow-lg) (inline, compatible multi-shadow CSS)
  • Bordure gauche colorée par section (borderLeftColor + borderLeftWidth: 3)
  • Badge icône : bg-[#DBD7F9] + icône text-[hsl(var(--p-600))]

Fiches concernées

  • Trajet — 6 cartes de section
  • Avenant — 4 cartes de section
  • Absence (circuit-usager) — 5 cartes + tableau trajets concernés
  • Contrat — cartes section + statut avec pills colorées par état
  • Client — en-tête contacts #C4B5FD, cartes contacts #EDE9FB
  • Établissement — cartes avec bordures colorées par section, document card avec aperçu fichier, département en combobox-plain
  • Feuille de présence — cartes internes #EDE9FB, conteneur principal blanc
  • Usager — carte identité supérieure + tous les onglets (representant, avenants, horaires, interlocuteurs, suivi dossier)
  • Circuit — toutes les sections du formulaire

Rapports de requête de fusion