therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Started captcha and better avatar control, improved login form to fit register link better.

Browse source
This commit is contained in:
Shpuld Shpuldson 2017-04-21 18:52:42 +03:00
parent b3b6d43dcc
commit 143aa3b990
4 changed files with 84 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/login_form/login_form.vue
View file

@ -15,14 +15,14 @@
<input :disabled="loggingIn" v-model='user.password' class='form-control' id='password' type='password'>
</div>
<div class='form-group'>
<button :disabled="loggingIn" type='submit' class='btn btn-default base05 base01-background'>Submit</button>
<div class='login-bottom'>
<div><router-link :to="{name: 'registration'}" class='register'>Register</router-link></div>
<button :disabled="loggingIn" type='submit' class='btn btn-default base05 base01-background'>Log in</button>
</div>
</div>
<div v-if="authError" class='form-group'>
<div class='error base05'>{{authError}}</div>
</div>
<div class='form-group'>
<router-link :to="{name: 'registration'}">Register new account</router-link>
</div>
</form>
</div>
</div>
@ -42,8 +42,8 @@
}
.btn {
margin-top: 1.0em;
min-height: 28px;
width: 10em;
}
.error {
@ -53,6 +53,18 @@
min-height: 28px;
line-height: 28px;
}
.register {
flex: 1 1;
}
.login-bottom {
margin-top: 1.0em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
</style>