修复移动端注册按钮高度为0的问题 - 使用 align-items: stretch
All checks were successful
continuous-integration/drone/push Build is passing

- 移除575px断点中重复的闭合括号
- 575px断点: 将nav-header的align-items从center改为stretch
- 575px断点: 为nav-right添加height: 100%和align-items: stretch
- 360px断点: 将nav-header的align-items从center改为stretch

这个修复解决了浏览器开发者工具显示的问题:
- nav-right height: 0px → 现在为48px/44px(取决于断点)
- no-login height: 0px → 现在为48px/44px
- registBtn height: 0px → 现在为48px/44px

使用align-items: stretch确保flex容器的子元素被拉伸以填充容器高度,而不是折叠到0px。

🤖 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 16:55:47 +08:00
parent 44e230305b
commit 3702839657

View File

@@ -2485,7 +2485,7 @@ html {
padding: 0 8px;
height: 50px !important;
display: flex;
align-items: center;
align-items: stretch;
overflow: hidden;
}
@@ -3048,7 +3048,7 @@ html {
padding: 0 10px;
height: 48px !important;
display: flex;
align-items: center;
align-items: stretch;
overflow: hidden;
}
@@ -3551,7 +3551,7 @@ html {
padding: 0 8px;
height: 44px !important;
display: flex;
align-items: center;
align-items: stretch;
overflow: hidden;
}
@@ -3563,7 +3563,8 @@ html {
#index .nav-header .nav-right {
display: flex;
align-items: center;
align-items: stretch;
height: 100%;
}
#index .nav-header .nav-left .nav-icon {