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

Better responsive layout for unauthenticated pages

Browse source
This commit is contained in:
kolaente 2020-05-12 15:18:37 +02:00
parent b876a4d4dc
commit d0f6a4ce99
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.vue
View file

@ -187,8 +187,7 @@
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div class="container"> <div class="noauth-container">
<div class="column is-4 is-offset-4">
<img src="/images/logo-full.svg" alt="Vikunja"/> <img src="/images/logo-full.svg" alt="Vikunja"/>
<div class="message is-info" v-if="motd !== ''"> <div class="message is-info" v-if="motd !== ''">
<div class="message-header"> <div class="message-header">
@ -201,7 +200,6 @@
<router-view/> <router-view/>
</div> </div>
</div> </div>
</div>
<notification/> <notification/>
</div> </div>
<div class="app offline" v-else> <div class="app offline" v-else>

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

@ -20,3 +20,14 @@
} }
} }
} }
.noauth-container {
width: 450px;
margin: 0 auto;
padding: 1rem 0;
@media screen and (max-width: calc(450px + 2rem)) {
width: 100%;
padding: 1rem;
}
}