diff options
| author | lambadalambda <gitgud@rogerbraun.net> | 2017-02-25 06:32:19 -0500 |
|---|---|---|
| committer | lambadalambda <gitgud@rogerbraun.net> | 2017-02-25 06:32:19 -0500 |
| commit | e2ba7d9037a5f9e8cfba76f5e927b2ec4c8fbdda (patch) | |
| tree | 74d35f34067961a2e21a5b41a03f1af3aa2edd86 /src/components/login_form/login_form.vue | |
| parent | 2b2061b03f7e23913cf127e1b7e48e0b99f2aedd (diff) | |
| parent | 614cbb556aeaa5c2ae845de942f8c8b99120df0c (diff) | |
Merge branch 'fix/various-style-fixes-all-over-the-place' into 'develop'
Fix/various style fixes all over the place
See merge request !32
Diffstat (limited to 'src/components/login_form/login_form.vue')
| -rw-r--r-- | src/components/login_form/login_form.vue | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index c0169a08..c0ea4313 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -1,11 +1,11 @@ <template> <div class="login panel panel-default base00-background"> <!-- Default panel contents --> - <div class="panel-heading base01-background base04"> + <div class="panel-heading base01-background"> 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,22 @@ </template> <script src="./login_form.js" ></script> + +<style lang="scss"> + +.login-form { + input { + border-width: 1px; + border-style: solid; + border-color: silver; + border-radius: 5px; + padding: 0.1em 0.2em 0.2em 0.2em; + } + + .btn { + margin-top: 1.0em; + min-height: 28px; + } +} + +</style> |