vikunja/frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Fix login form on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

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