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>
<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>

25
src/styles/theme/content.scss
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;
}
}
}
}

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;
background: $light-background;
min-height: 100vh;
@media screen and (max-width: $tablet) {
&:not(.has-llama) {
background: $light-background;
}
}
}
h1,