diff options
author | vnugent <public@vaughnnugent.com> | 2024-04-09 17:35:13 -0400 |
---|---|---|
committer | vnugent <public@vaughnnugent.com> | 2024-04-09 17:35:13 -0400 |
commit | 56e0a38b2ca246e8beeaef3c6c4b9c0ce7d0f09b (patch) | |
tree | 5ba2556e42510cbbdf9c287f67041c1b1eb46206 /front-end/src/components/Login/UserPass.vue | |
parent | 0945210c0492dd8a8de99ccd8e5e66cf05e3a1c1 (diff) |
chore(app): Update deps, login spinner, curl msg, view prep
Diffstat (limited to 'front-end/src/components/Login/UserPass.vue')
-rw-r--r-- | front-end/src/components/Login/UserPass.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/front-end/src/components/Login/UserPass.vue b/front-end/src/components/Login/UserPass.vue index c47e594..9fd64f4 100644 --- a/front-end/src/components/Login/UserPass.vue +++ b/front-end/src/components/Login/UserPass.vue @@ -110,7 +110,18 @@ const onSubmit = async () => { v-model="v$.password.$model" > </fieldset> - <button type="submit" class="btn">Sign in</button> + <button type="submit" class="flex justify-center btn"> + <span v-if="waiting" class="mx-auto animate-spin"> + <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 15 15"> + <path fill="currentColor" fill-rule="evenodd" + d="M8 .5V5H7V.5h1ZM5.146 5.854l-3-3l.708-.708l3 3l-.708.708Zm4-.708l3-3l.708.708l-3 3l-.708-.708Zm.855 1.849L14.5 7l-.002 1l-4.5-.006l.002-1Zm-9.501 0H5v1H.5v-1Zm5.354 2.859l-3 3l-.708-.708l3-3l.708.708Zm6.292 3l-3-3l.708-.708l3 3l-.708.708ZM8 10v4.5H7V10h1Z" + clip-rule="evenodd" /> + </svg> + </span> + <span v-else> + Sign in + </span> + </button> </form> </template> |