Attempt to improve public view layout

This commit is contained in:
Johannes Zellner
2025-10-17 00:10:09 +02:00
parent 229863d7ff
commit ac91b417c3
7 changed files with 47 additions and 40 deletions
+6 -11
View File
@@ -104,13 +104,11 @@ onMounted(async () => {
</script>
<template>
<PublicPageLayout :footerHtml="footer">
<PublicPageLayout :footer-html="footer" :cloudron-name="cloudronName">
<div>
<div v-if="mode === MODE.SETUP">
<small>{{ $t('setupAccount.welcomeTo') }}</small>
<h1>{{ cloudronName }}</h1>
<br/>
<div>{{ $t('setupAccount.description') }}</div>
<h2>{{ $t('setupAccount.welcomeTo') }}</h2>
<p style="margin-bottom: 8px">{{ $t('setupAccount.description') }}</p>
<div class="error-label" v-if="formError.generic">{{ formError.generic }}</div>
@@ -151,24 +149,21 @@ onMounted(async () => {
</div>
<div v-if="mode === MODE.NO_USERNAME">
<small>{{ $t('setupAccount.welcomeTo') }}</small>
<h1>{{ cloudronName }}</h1>
<h2>{{ $t('setupAccount.welcomeTo') }}</h2>
<br/>
<h3>{{ $t('setupAccount.noUsername.title') }}</h3>
<div>{{ $t('setupAccount.noUsername.description') }}</div>
</div>
<div v-if="mode === MODE.INVALID_TOKEN">
<small>{{ $t('setupAccount.welcomeTo') }}</small>
<h1>{{ cloudronName }}</h1>
<h2>{{ $t('setupAccount.welcomeTo') }}</h2>
<br/>
<h3 class="error-label">{{ $t('setupAccount.invalidToken.title') }}</h3>
<div>{{ $t('setupAccount.invalidToken.description') }}</div>
</div>
<div v-if="mode === MODE.DONE">
<small>{{ $t('setupAccount.welcomeTo') }}</small>
<h1>{{ cloudronName }}</h1>
<h2>{{ $t('setupAccount.welcomeTo') }}</h2>
<br/>
<h3>{{ $t('setupAccount.success.title') }}</h3>
<Button :href="dashboardUrl">{{ $t('setupAccount.success.openDashboardAction') }}</Button>