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