修复移动端注册按钮溢出导航栏的问题
All checks were successful
continuous-integration/drone/push Build is passing

- 将 nav-header 的 align-items 从 stretch 改为 center,确保按钮垂直居中
- 添加 overflow: hidden 到 nav-header,防止内容溢出navbar
- 为注册按钮添加 flex-shrink: 0,防止flex容器压缩它
- 减小按钮图标大小以适应navbar高度:
  - 767px 和 575px 断点: 12px x 12px(原 16px x 16px)
  - 360px 断点: 10px x 10px(超小屏更小)
- 在所有三个移动端断点应用相同逻辑

这解决了用户反馈的注册按钮超出navbar的问题,消除了"虚线"边界现象

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-12-17 13:22:44 +08:00
parent 717fb2b68a
commit 40af130996

View File

@@ -2481,7 +2481,8 @@ html {
padding: 0 8px;
height: 50px !important;
display: flex;
align-items: stretch;
align-items: center;
overflow: hidden;
}
#index .nav-header .nav-left {
@@ -2557,6 +2558,12 @@ html {
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important;
}
#index .no-login .btn.btn-normal#registBtn::before {
width: 12px !important;
height: 12px !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */
@@ -3036,7 +3043,8 @@ html {
padding: 0 10px;
height: 48px !important;
display: flex;
align-items: stretch;
align-items: center;
overflow: hidden;
}
#index .nav-header .nav-left {
@@ -3107,6 +3115,12 @@ html {
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important;
}
#index .no-login .btn.btn-normal#registBtn::before {
width: 12px !important;
height: 12px !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */
@@ -3531,7 +3545,8 @@ html {
padding: 0 8px;
height: 44px !important;
display: flex;
align-items: stretch;
align-items: center;
overflow: hidden;
}
#index .nav-header .nav-left {
@@ -3602,6 +3617,12 @@ html {
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important;
}
#index .no-login .btn.btn-normal#registBtn::before {
width: 10px !important;
height: 10px !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */