diff options
| author | shpuld <shp@cock.li> | 2019-01-28 17:43:51 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2019-01-28 17:43:51 +0200 |
| commit | 1b76a5a9eabf9e33daf83ae398295ef199607695 (patch) | |
| tree | 78512ff81129eb948cb6c206872b38a218e643e2 /src/components/login_form/login_form.vue | |
| parent | 3b1cafc19fc8f094bb2469f194afab5b5464cecb (diff) | |
Add back that login error thing that someone removed
Diffstat (limited to 'src/components/login_form/login_form.vue')
| -rw-r--r-- | src/components/login_form/login_form.vue | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index 12971882..b6a15776 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -33,6 +33,12 @@ </div> </div> </form> + <div v-if="authError" class='form-group'> + <div class='alert error'> + {{authError}} + <i class="button-icon icon-cancel" @click="clearError"></i> + </div> + </div> </div> </div> </template> @@ -48,10 +54,6 @@ width: 10em; } - .error { - text-align: center; - } - .register { flex: 1 1; } @@ -64,4 +66,14 @@ justify-content: space-between; } } + +.login { + .error { + text-align: center; + + animation-name: shakeError; + animation-duration: 0.4s; + animation-timing-function: ease-in-out; + } +} </style> |