30b067afdd
- Nouveau composant ui/PageHeader.vue : source unique du style des titres (30px / semi-bold / bleu malio), sticky avec masquage du scroll, slots #actions et #subheader (barres de filtres/onglets collées au titre) - Layout : marges <main> réduites (sm:px-6 lg:px-12 xl:px-11) + suppression du bloc-spacer sticky devenu inutile - ~17 pages migrées vers <PageHeader>, un seul pattern partout - Espacement titre -> contenu uniforme (30px), porté par le composant Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
31 lines
752 B
Vue
31 lines
752 B
Vue
<template>
|
|
<div>
|
|
<PageHeader>{{ project?.name ?? '' }} — Groupes</PageHeader>
|
|
|
|
<div>
|
|
<ProjectGroupTab :project-id="projectId" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Project } from '~/modules/project-management/services/dto/project'
|
|
import { useProjectService } from '~/modules/project-management/services/projects'
|
|
|
|
const route = useRoute()
|
|
const projectId = computed(() => Number(route.params.id))
|
|
|
|
useHead({ title: 'Groupes du projet' })
|
|
|
|
const projectService = useProjectService()
|
|
const project = ref<Project | null>(null)
|
|
|
|
async function loadProject() {
|
|
project.value = await projectService.getById(projectId.value)
|
|
}
|
|
|
|
onMounted(() => {
|
|
loadProject()
|
|
})
|
|
</script>
|