HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Add page header to experiments

Browse source
This commit is contained in:
Kaity A 2023-05-14 00:04:24 +10:00
parent 7f0cd17b38
commit ee5c907a72
No known key found for this signature in database
GPG key ID: 5A797B97C2A490AD
1 changed files with 29 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
packages/client/src/pages/admin/experiments.vue
View file

@ -1,23 +1,31 @@
<template>
<MkStickyContainer>
<FormSuspense :p="init">
<FormSwitch
v-model="enableExperimentalPostEditing"
@update:modelValue="save"
class="_formBlock"
>
<template #label
><i class="ph-pencil-line ph-bold ph-lg"></i
>{{ i18n.ts._experiments.enableExperimentalPostEditing
}}<span class="level alpha"
>({{ i18n.ts._experiments.alpha }})</span
></template
<template #header
><MkPageHeader
:actions="headerActions"
:tabs="headerTabs"
:display-back-button="true"
/></template>
<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
<FormSuspense :p="init">
<FormSwitch
v-model="enableExperimentalPostEditing"
@update:modelValue="save"
class="_formBlock"
>
<template #caption>{{
i18n.ts._experiments.experimentalPostEditingCaption
}}</template>
</FormSwitch>
</FormSuspense>
<template #label>
<i class="ph-pencil-line ph-bold ph-lg"></i>
{{ i18n.ts._experiments.enableExperimentalPostEditing }}
<span class="level alpha">
({{ i18n.ts._experiments.alpha }})</span
>
</template>
<template #caption>{{
i18n.ts._experiments.experimentalPostEditingCaption
}}</template>
</FormSwitch>
</FormSuspense>
</MkSpacer>
</MkStickyContainer>
</template>
@ -59,6 +67,10 @@ function save() {
});
}
const headerActions = $computed(() => []);
const headerTabs = $computed(() => []);
definePageMetadata({
title: i18n.ts._experiments.title,
icon: "ph-flask ph-bold ph-lg",