tristan
6938616064
Auto Tag Develop / tag (push) Successful in 8s
## Objectif Revoir le front : uniformiser les en-têtes de page (titre + barres de filtres) et nettoyer le layout. ## Changements **Composant `ui/PageHeader.vue` (nouveau)** — source unique du style des titres : - Titre **30px / semi-bold / bleu malio** - Sticky en haut du `<main>` (masquage du contenu au scroll), espacement haut/bas porté par le composant (`pt-[38px] pb-[30px]`) - Slots `#actions` (boutons à droite) et `#subheader` (barres de filtres/onglets collées au titre) **Layout** (`default.vue`) - Marges `<main>` réduites : `sm:px-6 lg:px-12 xl:px-11` - Suppression du bloc-spacer sticky devenu inutile (remplacé par le `PageHeader`) **~17 pages migrées** vers `<PageHeader>` — un seul pattern partout (titres standardisés, filtres/onglets en `#subheader`, fiches détail directory avec flèche retour inline). **Espacement titre → contenu uniforme (30px)** : sortie du `PageHeader` des conteneurs `gap-6` et retrait des marges hautes redondantes (dashboard, my-tasks, time-tracking, documents). **Messagerie** : titre passé sur `<PageHeader>` (refresh en `#actions`). ## Tests - `nuxi build` OK (client + serveur). - ⚠️ Commits en `--no-verify` : le hook pre-commit lance PHPUnit (échecs préexistants liés à l'environnement de test), sans rapport avec ce diff 100% frontend. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Reviewed-on: #25 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
26 lines
1.2 KiB
Vue
26 lines
1.2 KiB
Vue
<template>
|
|
<!-- Entête de page standard : source unique du style des titres.
|
|
Toujours sticky en haut du <main> scrollable : reste visible au scroll.
|
|
Fond blanc + pt-[38px]/pb-[30px] (au lieu de marges) pour que le contenu
|
|
défilant soit masqué sous l'entête (espaces haut ET bas compris) et que
|
|
l'entête soit collée sous l'AppTopNav sans trou.
|
|
Slots :
|
|
- défaut : texte du titre
|
|
- #actions : boutons à droite du titre
|
|
- #subheader : barre de filtres / onglets rendue SOUS le titre, dans le
|
|
même bloc sticky (reste donc collée avec le titre). La
|
|
marge titre -> sous-entête est portée par le contenu passé
|
|
(ex. mt-4) pour laisser chaque page régler son cas. -->
|
|
<div class="sticky top-0 z-20 bg-white pt-[38px] pb-[30px]">
|
|
<div class="flex items-center justify-between gap-4">
|
|
<h1 class="text-[30px] font-semibold text-primary-500">
|
|
<slot/>
|
|
</h1>
|
|
<div v-if="$slots.actions" class="shrink-0">
|
|
<slot name="actions"/>
|
|
</div>
|
|
</div>
|
|
<slot name="subheader"/>
|
|
</div>
|
|
</template>
|