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

20
src/components/home/contentNoAuth.vue
View file

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

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

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

8
src/styles/theme/theme.scss
View file

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