Better responsive layout for unauthenticated pages
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2020-05-12 15:18:37 +02:00
parent b876a4d4dc
commit d0f6a4ce99
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 23 additions and 14 deletions

View File

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

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