From ff5c6f05a20e38e8d0d7bcc4d5805862f92f4b51 Mon Sep 17 00:00:00 2001 From: CNWei Date: Thu, 5 Nov 2026 20:25:21 +0800 Subject: [PATCH] =?UTF-8?q?fix(header):=20=E5=B9=B3=E6=9D=BF/=E5=B0=8F?= =?UTF-8?q?=E5=B1=8F=E7=AC=94=E8=AE=B0=E6=9C=AC=E7=9A=84=E6=BB=9A=E5=8A=A8?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=E4=B8=8D=E5=86=8D=E8=A2=AB=E6=8C=A4=E6=B2=A1?= =?UTF-8?q?=EF=BC=8C=E5=8F=AA=E5=9C=A8=20=E2=89=A4640=20=E9=9A=90=E8=97=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ≤1100 页头改 auto/1fr/auto:品牌和操作图标按内容宽度,滚动信息吃剩余空间(之前中间列固定抢 720,品牌被压到看不见) - 滚动信息隐藏阈值从 820 下调到 640,和侧栏一致:641–1100 正常显示(700 宽约 419px),手机才收起 --- stash-web/src/App.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/stash-web/src/App.css b/stash-web/src/App.css index 513c792..0e84f1d 100644 --- a/stash-web/src/App.css +++ b/stash-web/src/App.css @@ -842,6 +842,12 @@ flex-wrap: nowrap; } + /* 页头:品牌和操作图标按内容宽度,滚动信息吃剩下的空间, + 否则中间那列固定抢 720px,品牌文字会被挤没 */ + .site-header-inner { + grid-template-columns: auto minmax(0, 1fr) auto; + } + .profile-card { grid-row: auto; } @@ -859,8 +865,8 @@ } } -@media (max-width: 820px) { - /* 手机上页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */ +@media (max-width: 640px) { + /* 手机页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */ .header-ticker-slot { display: none; }