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

Align attachments with usercard, make buttons use theme colors, prettify login form, more border radii adjustment for consistency.

Browse source
This commit is contained in:
shpuld 2017-02-24 17:32:41 +02:00
parent e0e507348c
commit 9dfcf8a301
8 changed files with 50 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,7 +5,7 @@
Log in
</div>
<div class="panel-body">
<form v-on:submit.prevent='submit(user)'>
<form v-on:submit.prevent='submit(user)' class='login-form'>
<div class='form-group'>
<label for='username'>Username</label>
<input :disabled="loggingIn" v-model='user.username' class='form-control' id='username' placeholder='e.g. lain'>
@ -15,7 +15,7 @@
<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'>Submit</button>
<button :disabled="loggingIn" type='submit' class='btn btn-default base05 base01-background'>Submit</button>
</div>
</form>
</div>
@ -23,3 +23,21 @@
</template>
<script src="./login_form.js" ></script>
<style lang="scss">
.login-form {
input {
border-width: 1px;
border-style: solid;
border-radius: 5px;
padding: 0.2em;
}
.btn {
margin-top: 0.5em;
min-height: 28px;
}
}
</style>