Only show the llama background for unauthenticated users
This commit is contained in:
parent
d34fe5dadc
commit
ef608aacd1
3 changed files with 27 additions and 26 deletions
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div class="no-auth-wrapper">
|
||||||
<div class="noauth-container">
|
<div class="noauth-container">
|
||||||
<img alt="Vikunja" src="/images/logo-full.svg"/>
|
<img alt="Vikunja" src="/images/logo-full.svg"/>
|
||||||
<div class="message is-info" v-if="motd !== ''">
|
<div class="message is-info" v-if="motd !== ''">
|
||||||
|
@ -11,6 +12,7 @@
|
||||||
</div>
|
</div>
|
||||||
<router-view/>
|
<router-view/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -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;
|
max-width: 450px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
@ -44,6 +48,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-content {
|
.media-content {
|
||||||
|
|
|
@ -25,14 +25,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
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;
|
background: $light-background;
|
||||||
}
|
min-height: 100vh;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
|
|
Loading…
Reference in a new issue