fix: fixed some style issues (#4379)

packages/effects/common-ui/src/ui/authentication/code-login.vue

@@ -96,7 +96,14 @@ function goToLogin() {
       </template>
     </Title>
     <Form />
-    <VbenButton :loading="loading" class="w-full" @click="handleSubmit">
+    <VbenButton
+      :class="{
+        'cursor-wait': loading,
+      }"
+      :loading="loading"
+      class="w-full"
+      @click="handleSubmit"
+    >
       <slot name="submitButtonText">
         {{ submitButtonText || $t('common.login') }}
       </slot>

packages/effects/common-ui/src/ui/authentication/forget-password.vue

@@ -91,7 +91,13 @@ function goToLogin() {
     <Form />
 
     <div>
-      <VbenButton class="mt-2 w-full" @click="handleSubmit">
+      <VbenButton
+        :class="{
+          'cursor-wait': loading,
+        }"
+        class="mt-2 w-full"
+        @click="handleSubmit"
+      >
         <slot name="submitButtonText">
           {{ submitButtonText || $t('authentication.sendResetLink') }}
         </slot>

packages/effects/common-ui/src/ui/authentication/login.vue

@@ -124,7 +124,14 @@ onMounted(() => {
         {{ $t('authentication.forgetPassword') }}
       </span>
     </div>
-    <VbenButton :loading="loading" class="w-full" @click="handleSubmit">
+    <VbenButton
+      :class="{
+        'cursor-wait': loading,
+      }"
+      :loading="loading"
+      class="w-full"
+      @click="handleSubmit"
+    >
       {{ submitButtonText || $t('common.login') }}
     </VbenButton>
 

packages/effects/common-ui/src/ui/authentication/register.vue

@@ -92,7 +92,14 @@ function goToLogin() {
     </Title>
     <Form />
 
-    <VbenButton :loading="loading" class="mt-2 w-full" @click="handleSubmit">
+    <VbenButton
+      :class="{
+        'cursor-wait': loading,
+      }"
+      :loading="loading"
+      class="mt-2 w-full"
+      @click="handleSubmit"
+    >
       <slot name="submitButtonText">
         {{ submitButtonText || $t('authentication.signUp') }}
       </slot>