refactor: refactor AuthLayout to configure the login page more freely (#4294)

packages/@core/ui-kit/shadcn-ui/src/components/input-password/input-password.vue

@@ -25,7 +25,7 @@ const show = ref(false);
 </script>
 
 <template>
-  <form class="relative">
+  <div class="relative">
     <VbenInput
       v-model="modelValue"
       v-bind="{ ...forward, ...$attrs }"
@@ -48,5 +48,5 @@ const show = ref(false);
       <Eye v-if="show" class="size-4" />
       <EyeOff v-else class="size-4" />
     </div>
-  </form>
+  </div>
 </template>

packages/@core/ui-kit/shadcn-ui/src/components/spinner/loading.vue

@@ -69,7 +69,7 @@ function onTransitionEnd() {
   <div
     :class="
       cn(
-        'bg-overlay z-100 pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center transition-all duration-500',
+        'z-100 pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center bg-[hsl(var(--overlay-light))] transition-all duration-500',
         {
           'invisible opacity-0': !showSpinner,
         },

packages/@core/ui-kit/shadcn-ui/src/components/spinner/spinner.vue

@@ -63,7 +63,7 @@ function onTransitionEnd() {
   <div
     :class="
       cn(
-        'flex-center bg-overlay z-100 absolute left-0 top-0 size-full backdrop-blur-sm transition-all duration-500',
+        'flex-center z-100 absolute left-0 top-0 size-full bg-[hsl(var(--overlay-light))] backdrop-blur-sm transition-all duration-500',
         {
           'invisible opacity-0': !showSpinner,
         },