- 将 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:
@@ -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) */
|
||||
|
||||
Reference in New Issue
Block a user