From 19f57e84b5b26dc493c1886cc6fd058fd0f1e7c9 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Wed, 20 Mar 2024 23:08:40 +0800
Subject: [PATCH] :bug: Fix some UI issues

---
 pkg/views/src/components/auth/AccountLocator.vue   | 2 +-
 pkg/views/src/components/auth/FactorApplicator.vue | 2 +-
 pkg/views/src/views/auth/sign-in.vue               | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/pkg/views/src/components/auth/AccountLocator.vue b/pkg/views/src/components/auth/AccountLocator.vue
index 2f42cec..2a45c90 100644
--- a/pkg/views/src/components/auth/AccountLocator.vue
+++ b/pkg/views/src/components/auth/AccountLocator.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex items-center">
     <v-form class="flex-grow-1" @submit.prevent="submit">
-      <v-text-field label="Account ID" variant="solo" density="comfortable" :loading="props.loading" v-model="probe" />
+      <v-text-field label="Account ID" variant="solo" density="comfortable" :disabled="props.loading" v-model="probe" />
 
       <v-expand-transition>
         <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">
diff --git a/pkg/views/src/components/auth/FactorApplicator.vue b/pkg/views/src/components/auth/FactorApplicator.vue
index 6a332da..934a6ff 100644
--- a/pkg/views/src/components/auth/FactorApplicator.vue
+++ b/pkg/views/src/components/auth/FactorApplicator.vue
@@ -11,7 +11,7 @@
         type="password"
         variant="solo"
         density="comfortable"
-        :loading="loading"
+        :disabled="loading"
         v-model="password"
       />
 
diff --git a/pkg/views/src/views/auth/sign-in.vue b/pkg/views/src/views/auth/sign-in.vue
index f4b537b..779adf6 100644
--- a/pkg/views/src/views/auth/sign-in.vue
+++ b/pkg/views/src/views/auth/sign-in.vue
@@ -10,7 +10,11 @@
           <div v-if="challenge" class="flex items-center gap-4">
             <v-tooltip>
               <template v-slot:activator="{ props }">
-                <v-progress-circular v-bind="props" size="large" :model-value="challenge?.progress / challenge?.requirements" />
+                <v-progress-circular
+                  v-bind="props"
+                  size="large"
+                  :model-value="(challenge?.progress / challenge?.requirements) * 100"
+                />
               </template>
               <p><b>Risk: </b> {{ challenge?.risk_level }}</p>
               <p><b>Progress: </b> {{ challenge?.progress }}/{{ challenge?.requirements }}</p>