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

fix(home): 新增761-900px窄桌面断点——header logo/登录按钮折行(780窗口实测)

Browse Source
This commit is contained in:
yumoqing 2026-09-17 15:09:51 +08:00
parent d0bf6eda09
commit 171839e308
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
wwwroot/home.css
View File

@ -124,6 +124,14 @@ html[data-theme="dark"] .pl-tag-live{color:#4ade80!important}
.pl-footer-t{font-size:12px!important;color:var(--pl-ink-faint)!important;letter-spacing:.08em;text-align:left!important}
/* ===== 响应式 ===== */
/* 窄桌面/平板横屏（761-900px，2026-09-17 实测 780 窗口）：header 预算紧，
logo 与登录按钮曾各折两行。缩 logo 字号+按钮禁折行即够（实测余量 ~35px）。 */
@media (min-width:761px) and (max-width:900px){
.pl-header{padding:0 16px!important;gap:10px!important}
.pl-logo{font-size:17px!important;white-space:nowrap!important}
.pl-logo-sub{font-size:9px!important}
.pl-btn-sm{white-space:nowrap!important}
}
@media (max-width:760px){
.pl-sec{padding:56px 20px!important}
.pl-cta{margin:0 16px 56px!important;padding:44px 22px!important}