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

fix(home): 手机header行2再收紧(nav 11px+gap 6px)——en导航12px实测372>366折行,11px=348留18px余量

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

8
wwwroot/home.css
View File

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