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

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