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 {