yiqiu ccf44c7fda 修复导航栏高度问题：在 common.css 中为所有移动端断点添加 align-items/height 规则 ...

核心问题：
- common.css 的 767px/575px 媒体查询中只设置了 nav-header 高度，但没有设置 nav-right 的 flex 拉伸属性
- 导致 nav-right 虽然有 height: 100% 但被 align-items: center（base rule）所影响
- 注册按钮（no-login）作为 nav-desktop-link 类被全局 display: none !important 隐藏

修复内容：
767px 断点:
- 添加 .nav-header { display: flex !important; align-items: stretch !important; }
- 添加 .nav-header .nav-left { display: flex !important; align-items: stretch !important; }
- 添加 .nav-header .nav-right { display: flex !important; align-items: stretch !important; height: 100% !important; }
- 添加 .nav-right { display: flex !important; align-items: stretch !important; height: 100% !important; }
- 添加 .no-login.nav-desktop-link { display: flex !important; height: 100% !important; align-items: stretch !important; }

575px 断点:
- 为所有导航栏元素添加相同的 flex 和高度规则

基础规则:
- 为 .nav-right 添加 flex-shrink: 0 防止 flex 容器缩小

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-12-17 17:35:54 +08:00

29 KiB

Raw Blame History

View Raw