@@ -1702,15 +1702,18 @@ ${commonRules}`;
17021702 }
17031703 .sdrop-eye-btn:hover { opacity: 1; }
17041704 .sdrop-eye-btn:focus { outline: none; }
1705- /* 发送验证码 — 嵌入式蓝字按钮 */
1705+ /* 发送验证码——绝对定位文字按钮 */
1706+ .sdrop-code-wrap { position: relative; margin-bottom: 5px; }
1707+ .sdrop-code-wrap input { width: 100%; box-sizing: border-box; padding-right: 38px; }
17061708 .sdrop-send-code-btn {
1707- flex-shrink: 0; padding: 0 8px; height: 100% ;
1708- background: none; border: none; cursor: pointer ;
1709+ position: absolute; right: 6px; top: 50%; transform: translateY(-50%) ;
1710+ background: none; border: none; padding: 0 ;
17091711 font-size: 11px; font-weight: 600; color: var(--btn-bg);
1710- white-space: nowrap; outline: none;
1712+ cursor: pointer; outline: none; line-height: 1;
1713+ -webkit-tap-highlight-color: transparent;
17111714 }
1712- .sdrop-send-code-btn:disabled { opacity: 0.4; cursor: not-allowed ; }
1713- .sdrop-send-code-btn:hover:not(: disabled) { opacity: 0.75 ; }
1715+ .sdrop-send-code-btn:hover:not(: disabled) { opacity: 0.65 ; }
1716+ .sdrop-send-code-btn:disabled { opacity: 0.35; cursor: not-allowed ; }
17141717 .sdrop-login-btn {
17151718 width: 100%; height: 28px; padding: 0 6px; font-size: 11px; font-weight: 600;
17161719 background: var(--btn-bg); color: var(--btn-fg);
@@ -1782,8 +1785,8 @@ ${commonRules}`;
17821785 <div id="registerForm" style="display:none">
17831786 <div id="regError" class="auth-error"></div>
17841787 <input id="regEmail" type="email" placeholder="邮箱地址" autocomplete="email" />
1785- <div class="sdrop-pass -wrap">
1786- <input id="regCode" type="text" placeholder="邮箱验证码(6位) " autocomplete="off" maxlength="6" />
1788+ <div class="sdrop-code -wrap">
1789+ <input id="regCode" type="text" placeholder="输入验证码 " autocomplete="off" maxlength="6" />
17871790 <button class="sdrop-send-code-btn" id="btnSendCode">发送</button>
17881791 </div>
17891792 <input id="regUser" type="text" placeholder="用户名" autocomplete="username" />
0 commit comments