Fix login form on mobile
continuous-integration/drone/push Build is passing Details

This commit is contained in:
kolaente 2020-06-17 09:12:41 +02:00
parent b354ab51e7
commit b32976043f
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 12 additions and 6 deletions

View File

@ -49,7 +49,7 @@
</div>
</div>
<div class="field is-grouped">
<div class="field is-grouped login-buttons">
<div class="control is-expanded">
<button type="submit" class="button is-primary" v-bind:class="{ 'is-loading': loading}">Login
</button>

View File

@ -22,12 +22,18 @@
}
.noauth-container {
width: 450px;
max-width: 450px;
width: 100%;
margin: 0 auto;
padding: 1rem 0;
padding: 1rem;
@media screen and (max-width: calc(450px + 2rem)) {
width: 100%;
padding: 1rem;
@media screen and (max-width: 450px) {
.login-buttons {
flex-direction: column;
.control:first-child {
margin-bottom: 1rem;
}
}
}
}