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

Fix login form on mobile

Browse source
This commit is contained in:
kolaente 2020-06-17 09:12:41 +02:00
parent b354ab51e7
commit b32976043f
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/user/Login.vue
View file

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

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

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