修复移动端注册按钮位置不在导航栏内部的问题
All checks were successful
continuous-integration/drone/push Build is passing

问题:
- 按钮的 line-height 导致额外的高度,使按钮向下移动

解决:
- 改 line-height 从具体值(如 50px)改为 1
- 按钮使用 flex 布局已经能正确对齐内容
- 添加 margin: 0 !important 确保没有额外边距
- 添加 border: none !important 移除可能的边框
- 添加 background 确保样式应用

三个断点(767px/575px/360px)都进行了同样的修改:
- line-height: 1(替代固定像素值)
- margin: 0 !important
- border: none !important
- background 保持渐变背景

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-12-16 21:55:03 +08:00
parent 8ae55937b8
commit 864ac65331

View File

@@ -2550,10 +2550,13 @@ html {
font-size: 10px !important;
min-width: auto !important;
height: 50px !important;
line-height: 50px !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */
@@ -3097,10 +3100,13 @@ html {
font-size: 10px !important;
min-width: auto !important;
height: 48px !important;
line-height: 48px !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */
@@ -3589,10 +3595,13 @@ html {
font-size: 9px !important;
min-width: auto !important;
height: 44px !important;
line-height: 44px !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
}
/* 汉堡菜单按钮样式 - 放在左侧order: 3 */