fix(style): logout page Alert
This commit is contained in:
parent
726f73f177
commit
424cea646e
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue