diff options
| author | Shpuld Shpuldson <shpuld@gmail.com> | 2017-03-08 19:21:36 -0500 |
|---|---|---|
| committer | Shpuld Shpuldson <shpuld@gmail.com> | 2017-03-08 19:21:36 -0500 |
| commit | ba4f7ef3efe15aaebce523113283b5854d16ceb8 (patch) | |
| tree | 9966b6b858e713c797b08fccea5d77d9b9e310ee /src/components/login_form/login_form.vue | |
| parent | aeda390da0ef99a8fda9f059cf4d8168aa1938c2 (diff) | |
| parent | 9511691c9467e26c3237b4a2c936e8a757b3e515 (diff) | |
Merge branch 'feature/failed-login-error' into 'develop'
Visual feedback on failed login
See merge request !49
Diffstat (limited to 'src/components/login_form/login_form.vue')
| -rw-r--r-- | src/components/login_form/login_form.vue | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index c0273bae..b2fa5341 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -17,6 +17,9 @@ <div class='form-group'> <button :disabled="loggingIn" type='submit' class='btn btn-default base05 base01-background'>Submit</button> </div> + <div v-if="authError" class='form-group'> + <div class='error base05'>{{authError}}</div> + </div> </form> </div> </div> @@ -39,6 +42,14 @@ margin-top: 1.0em; min-height: 28px; } + + .error { + border-radius: 5px; + text-align: center; + background-color: rgba(255, 48, 16, 0.65); + min-height: 28px; + line-height: 28px; + } } </style> |