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
..
2025-12-17 17:35:54 +08:00
2025-11-24 00:47:46 +08:00
2025-11-20 12:30:45 +08:00
2025-11-20 12:30:45 +08:00
2025-11-22 18:22:03 +08:00