local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Only show the llama background for unauthenticated users

Browse source
This commit is contained in:
kolaente 2021-01-17 19:58:03 +01:00
parent d34fe5dadc
commit ef608aacd1
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
3 changed files with 27 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/home/contentNoAuth.vue
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>

5
src/styles/theme/content.scss
View file

@ -29,6 +29,10 @@
}
}
.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%;
@ -45,6 +49,7 @@
}
}
}
}
.media-content {
width: calc(100% - 48px - 2em);

8
src/styles/theme/theme.scss
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,