fix: migrate server instance header to new PageHeader

This commit is contained in:
Calum H. (IMB11)
2026-08-03 18:49:40 +01:00
parent 91f8d25b0c
commit 8169000127
@@ -2,21 +2,19 @@
<div class="w-full flex flex-col gap-4" :class="{ 'mt-4': isNuxt }"> <div class="w-full flex flex-col gap-4" :class="{ 'mt-4': isNuxt }">
<PageHeader :title="props.name || props.fallbackName" :header-class="props.headerClass"> <PageHeader :title="props.name || props.fallbackName" :header-class="props.headerClass">
<template #leading> <template #leading>
<div class="flex size-16 shrink-0 items-center justify-center"> <ButtonStyled circular size="large">
<ButtonStyled circular size="large"> <button
<button v-tooltip="props.backLabel"
v-tooltip="props.backLabel" type="button"
type="button" :aria-label="props.backLabel"
:aria-label="props.backLabel" @click="router.push(props.backHref)"
@click="router.push(props.backHref)" >
> <LeftArrowIcon aria-hidden="true" />
<LeftArrowIcon aria-hidden="true" /> </button>
</button> </ButtonStyled>
</ButtonStyled>
</div>
</template> </template>
<template #metadata> <template v-if="headerMetadata.length" #metadata>
<PageHeaderMetadata> <PageHeaderMetadata>
<PageHeaderMetadataItem <PageHeaderMetadataItem
v-for="item in headerMetadata" v-for="item in headerMetadata"
@@ -29,7 +27,7 @@
</PageHeaderMetadata> </PageHeaderMetadata>
</template> </template>
<template #actions> <template v-if="props.actions.length" #actions>
<PageHeaderActions> <PageHeaderActions>
<template v-for="action in props.actions" :key="action.id"> <template v-for="action in props.actions" :key="action.id">
<JoinedButtons <JoinedButtons