fix html formatting

This commit is contained in:
Michael Genson 2025-08-08 20:43:48 +00:00
commit 410dbb4fea

View file

@ -1,5 +1,6 @@
<template> <template>
<v-container fill-height <v-container
fill-height
fluid fluid
class="d-flex justify-center align-center" class="d-flex justify-center align-center"
width="1200px" width="1200px"
@ -8,7 +9,8 @@
'bg-off-white': !$vuetify.theme.current.dark, 'bg-off-white': !$vuetify.theme.current.dark,
}" }"
> >
<BaseWizard v-model="currentPage" <BaseWizard
v-model="currentPage"
:max-page-number="totalPages" :max-page-number="totalPages"
:title="$t('admin.setup.first-time-setup')" :title="$t('admin.setup.first-time-setup')"
:prev-button-show="activeConfig.showPrevButton" :prev-button-show="activeConfig.showPrevButton"
@ -20,13 +22,15 @@
:is-submitting="isSubmitting" :is-submitting="isSubmitting"
@submit="handleSubmit" @submit="handleSubmit"
> >
<v-container v-if="currentPage === Pages.LANDING" <v-container
v-if="currentPage === Pages.LANDING"
class="mb-12" class="mb-12"
> >
<v-card-title class="text-h4 justify-center text-center"> <v-card-title class="text-h4 justify-center text-center">
{{ $t('admin.setup.welcome-to-mealie-get-started') }} {{ $t('admin.setup.welcome-to-mealie-get-started') }}
</v-card-title> </v-card-title>
<v-btn :to="groupSlug ? `/g/${groupSlug}` : '/login'" <v-btn
:to="groupSlug ? `/g/${groupSlug}` : '/login'"
rounded rounded
variant="outlined" variant="outlined"
color="grey-lighten-1" color="grey-lighten-1"
@ -36,35 +40,42 @@
{{ $t('admin.setup.already-set-up-bring-to-homepage') }} {{ $t('admin.setup.already-set-up-bring-to-homepage') }}
</v-btn> </v-btn>
</v-container> </v-container>
<v-container v-if="currentPage === Pages.USER_INFO"> <v-container v-if="currentPage === Pages.USER_INFO">
<UserRegistrationForm /> <UserRegistrationForm />
</v-container> </v-container>
<v-container v-if="currentPage === Pages.PAGE_2"> <v-container v-if="currentPage === Pages.PAGE_2">
<v-card-title class="headline justify-center"> <v-card-title class="headline justify-center">
{{ $t('admin.setup.common-settings-for-new-sites') }} {{ $t('admin.setup.common-settings-for-new-sites') }}
</v-card-title> </v-card-title>
<AutoForm v-model="commonSettings" <AutoForm
v-model="commonSettings"
:items="commonSettingsForm" :items="commonSettingsForm"
/> />
</v-container> </v-container>
<v-container v-if="currentPage === Pages.CONFIRM"> <v-container v-if="currentPage === Pages.CONFIRM">
<v-card-title class="headline justify-center"> <v-card-title class="headline justify-center">
{{ $t("general.confirm-how-does-everything-look") }} {{ $t("general.confirm-how-does-everything-look") }}
</v-card-title> </v-card-title>
<v-list> <v-list>
<template v-for="(item, idx) in confirmationData"> <template v-for="(item, idx) in confirmationData">
<v-list-item v-if="item.display" <v-list-item
v-if="item.display"
:key="idx" :key="idx"
> >
<v-list-item-title>{{ item.text }}</v-list-item-title> <v-list-item-title>{{ item.text }}</v-list-item-title>
<v-list-item-subtitle>{{ item.value }}</v-list-item-subtitle> <v-list-item-subtitle>{{ item.value }}</v-list-item-subtitle>
</v-list-item> </v-list-item>
<v-divider v-if="idx !== confirmationData.length - 1" <v-divider
v-if="idx !== confirmationData.length - 1"
:key="`divider-${idx}`" :key="`divider-${idx}`"
/> />
</template> </template>
</v-list> </v-list>
</v-container> </v-container>
<v-container v-if="currentPage === Pages.END"> <v-container v-if="currentPage === Pages.END">
<v-card-title class="text-h4 justify-center"> <v-card-title class="text-h4 justify-center">
{{ $t('admin.setup.setup-complete') }} {{ $t('admin.setup.setup-complete') }}
@ -72,7 +83,8 @@
<v-card-title class="text-h6 justify-center"> <v-card-title class="text-h6 justify-center">
{{ $t('admin.setup.here-are-a-few-things-to-help-you-get-started') }} {{ $t('admin.setup.here-are-a-few-things-to-help-you-get-started') }}
</v-card-title> </v-card-title>
<div v-for="link, idx in setupCompleteLinks" <div
v-for="link, idx in setupCompleteLinks"
:key="idx" :key="idx"
class="px-4 pt-4" class="px-4 pt-4"
> >
@ -82,7 +94,8 @@
{{ link.section }} {{ link.section }}
</v-card-text> </v-card-text>
</div> </div>
<v-btn :to="link.to" <v-btn
:to="link.to"
color="info" color="info"
> >
{{ link.text }} {{ link.text }}