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,4 +1,5 @@
<template>
<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 !== ''">
@ -11,6 +12,7 @@
</div>
<router-view/>
</div>
</div>
</template>
<script>

View File

@ -29,7 +29,11 @@
}
}
.noauth-container {
.no-auth-wrapper {
background: url('../../public/images/llama.svg') no-repeat bottom left fixed $light-background;
min-height: 100vh;
.noauth-container {
max-width: 450px;
width: 100%;
margin: 0 auto;
@ -44,6 +48,7 @@
}
}
}
}
}
.media-content {

View File

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