fix(auth): 修复移动端短信登录图形验证码挤占输入框空间

input 改为 flex:1 1 0% + width:0 强制占据剩余空间,图形验证码按钮固定
78px 并用 overflow:hidden 拘住 SVG 固有尺寸,避免被 132px 图片撑开
导致输入框被挤到 32px 宽
This commit is contained in:
yml2213
2026-07-02 23:12:55 +08:00
parent 1ba7c1dea1
commit 3d0ea40ba3
@@ -318,7 +318,8 @@ async function handlePasswordLogin() {
} }
.auth-input-row input { .auth-input-row input {
flex: 1; flex: 1 1 0%;
width: 0;
min-width: 0; min-width: 0;
border: none; border: none;
padding: 14px 16px; padding: 14px 16px;
@@ -339,8 +340,10 @@ async function handlePasswordLogin() {
.captcha-image-button { .captcha-image-button {
display: grid; display: grid;
place-items: center; place-items: center;
min-width: 110px; flex: 0 0 78px;
height: 44px; width: 78px;
height: 38px;
margin: 2px 6px 2px 0;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
background: #fff7ed; background: #fff7ed;
@@ -359,8 +362,9 @@ async function handlePasswordLogin() {
.captcha-image-button img { .captcha-image-button img {
display: block; display: block;
width: 110px; width: 100%;
height: 44px; height: 100%;
object-fit: cover;
} }
.code-row { .code-row {
@@ -368,13 +372,14 @@ async function handlePasswordLogin() {
} }
.code-action { .code-action {
min-width: 110px; flex: 0 0 auto;
min-width: 92px;
padding: 4px; padding: 4px;
} }
.code-btn { .code-btn {
width: 100%; width: 100%;
font-size: 12px !important; font-size: 11px !important;
} }
.assist-row { .assist-row {