refactor: 登录框样式优化

src/views/login/index.vue

@@ -55,7 +55,6 @@
               class="flex-1"
               :placeholder="$t('login.password')"
               :type="passwordVisible === false ? 'password' : 'input'"
-              size="large"
               name="password"
               @keyup="checkCapslock"
               @keyup.enter="handleLogin"
@@ -70,7 +69,8 @@
         </el-tooltip>
 
         <!-- 验证码 -->
-        <el-form-item prop="captchaCode">
+        <el-form-item prop="captchaCode" class="captcha-container">
+          <div class="input-and-icon">
             <span class="p-2">
               <svg-icon icon-class="captcha" />
             </span>
@@ -79,16 +79,17 @@
               v-model="loginData.captchaCode"
               auto-complete="off"
               :placeholder="$t('login.captchaCode')"
-            class="w-[60%]"
+              class="flex-1"
               @keyup.enter="handleLogin"
             />
+          </div>
 
           <div class="captcha">
             <el-image
               :src="captchaBase64"
               @click="getCaptcha"
               :style="{ height: captchaHeight }"
-              class="w-[120px] h-[48px] cursor-pointer"
+              class="captcha-image"
             >
               <template #error>
                 <div class="image-slot">
@@ -134,11 +135,7 @@ import { useI18n } from "vue-i18n";
 import router from "@/router";
 import IconEpSunny from "~icons/ep/sunny";
 import IconEpMoon from "~icons/ep/moon";
-import { useSettingsStore } from "@/store/modules/settings";
+import { useSettingsStore, useUserStore, useAppStore } from "@/store";
-
-// 状态管理依赖
-import { useUserStore } from "@/store/modules/user";
-import { useAppStore } from "@/store/modules/app";
 
 // API依赖
 import { LocationQuery, LocationQueryValue, useRoute } from "vue-router";
@@ -316,10 +313,27 @@ onMounted(() => {
   .login-form {
     padding: 30px 10px;
 
+    .captcha-container {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .input-and-icon {
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        margin-right: 10px; /* 调整间距 */
+      }
+
       .captcha {
-      position: absolute;
+        /* 移除绝对定位 */
-      top: 0;
+        flex-shrink: 0; /* 防止图片压缩 */
-      right: 0;
+
+        .captcha-image {
+          width: 120px; /* 固定图片宽度 */
+          height: 30px; /* 固定图片高度 */
+          cursor: pointer;
+        }
 
         .image-slot {
           display: flex;
@@ -337,6 +351,7 @@ onMounted(() => {
         }
       }
     }
+  }
 }
 
 .el-form-item {