Only show the llama background for unauthenticated users
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2021-01-17 19:58:03 +01:00
parent d34fe5dadc
commit ef608aacd1
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
3 changed files with 27 additions and 26 deletions

View File

@ -1,15 +1,17 @@
<template>
<div class="noauth-container">
<img alt="Vikunja" src="/images/logo-full.svg"/>
<div class="message is-info" v-if="motd !== ''">
<div class="message-header">
<p>Info</p>
</div>
<div class="message-body">
{{ motd }}
<div class="no-auth-wrapper">
<div class="noauth-container">
<img alt="Vikunja" src="/images/logo-full.svg"/>
<div class="message is-info" v-if="motd !== ''">
<div class="message-header">
<p>Info</p>
</div>
<div class="message-body">
{{ motd }}
</div>
</div>
<router-view/>
</div>
<router-view/>
</div>
</template>

View File

@ -29,18 +29,23 @@
}
}
.noauth-container {
max-width: 450px;
width: 100%;
margin: 0 auto;
padding: 1rem;
.no-auth-wrapper {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh;
@media screen and (max-width: 450px) {
.login-buttons {
flex-direction: column;
.noauth-container {
max-width: 450px;
width: 100%;
margin: 0 auto;
padding: 1rem;
.control:first-child {
margin-bottom: 1rem;
@media screen and (max-width: 450px) {
.login-buttons {
flex-direction: column;
.control:first-child {
margin-bottom: 1rem;
}
}
}
}

View File

@ -25,14 +25,8 @@
}
body {
background: url("../../public/images/llama.svg") no-repeat bottom left fixed $light-background;
background: $light-background;
min-height: 100vh;
@media screen and (max-width: $tablet) {
&:not(.has-llama) {
background: $light-background;
}
}
}
h1,