forked from vikunja/frontend
konrad
f8d009a6aa
This PR adds a simple message component that replaces bulma's default message. Co-authored-by: kolaente <k@knt.li> Reviewed-on: vikunja/frontend#1082 Reviewed-by: dpschen <dpschen@noreply.kolaente.de> Co-authored-by: konrad <k@knt.li> Co-committed-by: konrad <k@knt.li>
41 lines
816 B
Vue
41 lines
816 B
Vue
<template>
|
|
<div class="no-auth-wrapper">
|
|
<div class="noauth-container">
|
|
<Logo class="logo" width="400" height="117" />
|
|
<message v-if="motd !== ''" class="my-2">
|
|
{{ motd }}
|
|
</message>
|
|
<slot/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Logo from '@/components/home/Logo.vue'
|
|
import message from '@/components/misc/message'
|
|
import {useStore} from 'vuex'
|
|
import {computed} from 'vue'
|
|
|
|
const store = useStore()
|
|
const motd = computed(() => store.state.config.motd)
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.no-auth-wrapper {
|
|
background: url('@/assets/llama.svg') no-repeat bottom left fixed var(--site-background);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.noauth-container {
|
|
max-width: 450px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.logo {
|
|
color: var(--logo-text-color);
|
|
max-width: 100%;
|
|
}
|
|
</style>
|