fix(style): logout page Alert

This commit is contained in:
ArneBo 2024-12-30 12:06:42 +01:00 committed by upsiflu
parent 726f73f177
commit 424cea646e
1 changed files with 7 additions and 6 deletions

View File

@ -5,6 +5,7 @@ import { useStore } from '~/store'
import Button from '~/components/ui/Button.vue'
import Spacer from '~/components/ui/layout/Spacer.vue'
import Alert from '~/components/ui/Alert.vue'
const store = useStore()
const { t } = useI18n()
@ -38,19 +39,19 @@ const labels = computed(() => ({
{{ t('components.auth.Logout.button.logout') }}
</Button>
</div>
<div
<Alert yellow
v-else
class="ui small text container"
>
<h2>
{{ t('components.auth.Logout.header.unauthenticated') }}
</h2>
<router-link
<Button
solid
primary
to="/login"
class="ui button"
>
{{ t('components.auth.Logout.link.login') }}
</router-link>
</div>
</Button>
</Alert>
</main>
</template>