From 3d0ea40ba36c1cb8ffc61260444f4dc32038069e Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Thu, 2 Jul 2026 23:12:55 +0800
Subject: [PATCH] =?UTF-8?q?fix(auth):=20=E4=BF=AE=E5=A4=8D=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E7=9F=AD=E4=BF=A1=E7=99=BB=E5=BD=95=E5=9B=BE?=
 =?UTF-8?q?=E5=BD=A2=E9=AA=8C=E8=AF=81=E7=A0=81=E6=8C=A4=E5=8D=A0=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E7=A9=BA=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

input 改为 flex:1 1 0% + width:0 强制占据剩余空间，图形验证码按钮固定
78px 并用 overflow:hidden 拘住 SVG 固有尺寸，避免被 132px 图片撑开
导致输入框被挤到 32px 宽
---
 .../features/auth/views/MobileLoginView.vue   | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/src/features/auth/views/MobileLoginView.vue b/frontend/src/features/auth/views/MobileLoginView.vue
index ebfbdff..d6ba4cc 100644
--- a/frontend/src/features/auth/views/MobileLoginView.vue
+++ b/frontend/src/features/auth/views/MobileLoginView.vue
@@ -318,7 +318,8 @@ async function handlePasswordLogin() {
 }
 
 .auth-input-row input {
-  flex: 1;
+  flex: 1 1 0%;
+  width: 0;
   min-width: 0;
   border: none;
   padding: 14px 16px;
@@ -339,8 +340,10 @@ async function handlePasswordLogin() {
 .captcha-image-button {
   display: grid;
   place-items: center;
-  min-width: 110px;
-  height: 44px;
+  flex: 0 0 78px;
+  width: 78px;
+  height: 38px;
+  margin: 2px 6px 2px 0;
   border: none;
   border-radius: 8px;
   background: #fff7ed;
@@ -359,8 +362,9 @@ async function handlePasswordLogin() {
 
 .captcha-image-button img {
   display: block;
-  width: 110px;
-  height: 44px;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .code-row {
@@ -368,13 +372,14 @@ async function handlePasswordLogin() {
 }
 
 .code-action {
-  min-width: 110px;
+  flex: 0 0 auto;
+  min-width: 92px;
   padding: 4px;
 }
 
 .code-btn {
   width: 100%;
-  font-size: 12px !important;
+  font-size: 11px !important;
 }
 
 .assist-row {