Show visual feedback on login error, redirect on success

This commit is contained in:
wakarimasen 2017-03-08 18:28:41 +01:00
parent ccbfc64bfc
commit a6b6fe95c0
3 changed files with 53 additions and 32 deletions

View file

@ -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'>
<button disabled='true' class='btn btn-default base05 error'>Error logging in, try again</button>
</div>
</form>
</div>
</div>
@ -39,6 +42,12 @@
margin-top: 1.0em;
min-height: 28px;
}
.error {
margin-top: 0em;
margin-bottom: 0em;
background-color: rgba(255, 48, 16, 0.65);
}
}
</style>