yumoqing/pipeline-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): 手机header行2收紧(en导航12px+8px gap)使主题/语言同排不折第三行

Browse Source
This commit is contained in:
yumoqing 2026-09-17 15:00:32 +08:00
parent d78bf4af6f
commit 9cc7989880
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
wwwroot/home.css
View File

@ -134,13 +134,15 @@ html[data-theme="dark"] .pl-tag-live{color:#4ade80!important}
单行预算不够（jp 登录文案最宽），且 bricks Text 是 flex 容器 min-width:auto 不缩 单行预算不够（jp 登录文案最宽），且 bricks Text 是 flex 容器 min-width:auto 不缩
→ logo 文字曾溢出叠到主题按钮上。两行后预算充足，ellipsis 仅作极端字体兜底。 → logo 文字曾溢出叠到主题按钮上。两行后预算充足，ellipsis 仅作极端字体兜底。
.pl-logo-box 为生成器加的 logo VBox class；语言切换=header 第 7 个子（urlwidget）。 */ .pl-logo-box 为生成器加的 logo VBox class；语言切换=header 第 7 个子（urlwidget）。 */
.pl-header{flex-wrap:wrap!important;padding:8px 14px!important;gap:6px 10px!important} .pl-header{flex-wrap:wrap!important;padding:8px 12px!important;gap:6px 8px!important}
.pl-header > *{flex-shrink:0!important} .pl-header > *{flex-shrink:0!important}
.pl-header > .filler{display:none!important} .pl-header > .filler{display:none!important}
.pl-logo-box{order:1;flex:1 1 auto;min-width:0!important} .pl-logo-box{order:1;flex:1 1 auto;min-width:0!important}
.pl-logo-box > *{min-width:0!important;max-width:100%!important} .pl-logo-box > *{min-width:0!important;max-width:100%!important}
.pl-btn-sm{order:2;white-space:nowrap!important;padding:7px 14px!important;font-size:12px!important} .pl-btn-sm{order:2;white-space:nowrap!important;padding:7px 14px!important;font-size:12px!important}
.pl-nav{order:3} /* 行2 预算：en 导航最宽（Capabilities/Pipelines/Workflow），12px 字号+8px gap
才能与主题(60)+语言(80)同排（实测 347 ≤ 366） */
.pl-nav{order:3;font-size:12px!important}
.theme-icon-btn{order:4;margin-left:auto} .theme-icon-btn{order:4;margin-left:auto}
.pl-header > *:nth-child(7){order:5} .pl-header > *:nth-child(7){order:5}
.pl-logo{font-size:15px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis} .pl-logo{font-size:15px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}