yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复移动端注册按钮高度问题：575px 和 360px 断点添加 !important 标记

Browse Source 
CSS Cascade 问题解决：
- 在 common.css 中存在 `.nav-desktop-link { display: none !important; }` 规则
- 该规则影响 `.no-login.nav-desktop-link` 元素导致其高度坍塌为 0px
- 添加 `!important` 标记到所有 nav-right 和 nav-header .nav-right 规则中

修改内容：
- 575px 断点:
  * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height
  * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐
- 360px 断点:
  * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height
  * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐

所有三个移动端断点 (767px、575px、360px) 现已全部修复

🤖 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 17:23:45 +08:00
parent 0990b1b35e
commit 075046b9d6
1 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
css/index.css
View File

@@ -2496,9 +2496,10 @@ html {
}
#index .nav-header .nav-right {
display: flex;
align-items: stretch;
height: 100%;
display: flex !important;
align-items: stretch !important;
height: 100% !important;
flex-wrap: nowrap !important;
}
#index .nav-menu {
@@ -2519,10 +2520,10 @@ html {
#index .nav-right {
display: flex !important;
align-items: stretch;
align-items: stretch !important;
justify-content: flex-end;
gap: 6px;
height: 100%;
height: 100% !important;
}
#index .nav-right .nav-text-link {
@@ -3060,9 +3061,9 @@ html {
}
#index .nav-header .nav-right {
display: flex;
align-items: stretch;
height: 100%;
display: flex !important;
align-items: stretch !important;
height: 100% !important;
}
#index .nav-header .nav-left .nav-icon {
@@ -3078,10 +3079,10 @@ html {
#index .nav-right {
display: flex !important;
align-items: center;
align-items: stretch !important;
justify-content: flex-end;
gap: 4px;
height: 100%;
height: 100% !important;
}
#index .nav-right .nav-text-link {
@@ -3564,9 +3565,9 @@ html {
}
#index .nav-header .nav-right {
display: flex;
align-items: stretch;
height: 100%;
display: flex !important;
align-items: stretch !important;
height: 100% !important;
}
#index .nav-header .nav-left .nav-icon {
@@ -3590,10 +3591,10 @@ html {
#index .nav-right {
display: flex !important;
align-items: center;
align-items: stretch !important;
justify-content: flex-end;
gap: 4px;
height: 100%;
height: 100% !important;
}
/* 移动端隐藏登录按钮和分隔符，只显示注册按钮 */