diff --git a/gateway/templates/register.html b/gateway/templates/register.html index 58812d4..fa8f935 100644 --- a/gateway/templates/register.html +++ b/gateway/templates/register.html @@ -65,7 +65,7 @@ box-shadow: 0 0 0 2px rgba(66, 185, 131, 0.2); } - /* 新增响应式设计 */ + /* 修改移动端响应式布局 */ @media (max-width: 480px) { body { padding: 1rem; @@ -73,9 +73,14 @@ .login-container { padding: 1.5rem; margin-top: 2rem; + width: calc(100% - 2rem); /* 确保容器不会超出屏幕 */ } .form-group-row { grid-template-columns: 1fr; /* 移动端单列布局 */ + gap: 0.5rem; + } + input, select { + font-size: 16px; /* 防止iOS自动放大输入框 */ } } @@ -177,31 +182,50 @@ .form-select { display: none; } + + /* 添加密码匹配提示样式 */ + .password-match-error { + color: var(--error-color); + font-size: 0.875rem; + margin-top: 0.25rem; + display: none; + } + + .password-match-error.show { + display: block; + }