♻️ Refactored some components to new UI

app/pages/auth/authorize.vue

@@ -6,12 +6,7 @@
       </div>
       <div class="pa-8">
         <div class="mb-4">
-          <img
-            :src="colorMode.value == 'dark' ? IconDark : IconLight"
-            alt="CloudyLamb"
-            height="60"
-            width="60"
-          />
+          <img :src="IconLight" alt="CloudyLamb" height="60" width="60" />
         </div>
         <v-row>
           <v-col cols="12" lg="6" class="d-flex align-start justify-start">
@@ -74,7 +69,7 @@
                   <v-btn
                     color="primary"
                     :loading="isAuthorizing"
-                    class="flex-grow-1"
+                    class="grow"
                     size="large"
                     @click="handleAuthorize"
                   >
@@ -83,7 +78,7 @@
                   <v-btn
                     variant="outlined"
                     :disabled="isAuthorizing"
-                    class="flex-grow-1"
+                    class="grow"
                     size="large"
                     @click="handleDeny"
                   >
@@ -106,9 +101,6 @@ import { useRoute } from "vue-router"
 import { useSolarNetwork } from "~/composables/useSolarNetwork"
 
 import IconLight from "~/assets/images/cloudy-lamb.png"
-import IconDark from "~/assets/images/cloudy-lamb@dark.png"
-
-const colorMode = useColorMode()
 
 const route = useRoute()
 const api = useSolarNetwork()

app/pages/auth/create-account.vue

@@ -6,12 +6,7 @@
       </div>
       <div class="pa-8">
         <div class="mb-4">
-          <img
-            :src="colorMode.value == 'dark' ? IconDark : IconLight"
-            alt="CloudyLamb"
-            height="60"
-            width="60"
-          />
+          <img :src="IconLight" alt="CloudyLamb" height="60" width="60" />
         </div>
         <v-row>
           <v-col cols="12" lg="6" class="d-flex align-start justify-start">
@@ -148,13 +143,10 @@ import { useSolarNetwork } from "~/composables/useSolarNetwork"
 import CaptchaWidget from "~/components/CaptchaWidget.vue"
 
 import IconLight from "~/assets/images/cloudy-lamb.png"
-import IconDark from "~/assets/images/cloudy-lamb@dark.png"
 
 const router = useRouter()
 const api = useSolarNetwork()
 
-const colorMode = useColorMode()
-
 useHead({
   title: "Create Account"
 })

app/pages/auth/login.vue

@@ -242,8 +242,6 @@ function getFactorName(factorType: number) {
       return "Unknown Factor"
   }
 }
-
-const colorMode = useColorMode()
 </script>
 
 <template>
@@ -254,12 +252,7 @@ const colorMode = useColorMode()
       </div>
       <div class="pa-8">
         <div class="mb-4">
-          <img
-            :src="colorMode.value == 'dark' ? IconDark : IconLight"
-            alt="CloudyLamb"
-            height="60"
-            width="60"
-          />
+          <img :src="IconLight" alt="CloudyLamb" height="60" width="60" />
         </div>
         <v-row>
           <v-col cols="12" lg="6" class="d-flex align-start justify-start">
@@ -370,14 +363,14 @@ const colorMode = useColorMode()
                             factor.type === 0
                               ? "mdi-lock"
                               : factor.type === 1
-                                ? "mdi-email"
-                                : factor.type === 2
-                                  ? "mdi-cellphone"
-                                  : factor.type === 3
-                                    ? "mdi-clock"
-                                    : factor.type === 4
-                                      ? "mdi-numeric"
-                                      : "mdi-shield-key"
+                              ? "mdi-email"
+                              : factor.type === 2
+                              ? "mdi-cellphone"
+                              : factor.type === 3
+                              ? "mdi-clock"
+                              : factor.type === 4
+                              ? "mdi-numeric"
+                              : "mdi-shield-key"
                           }}</v-icon>
                         </template>
                       </v-list-item>