From 6c8eaa9f7679fd7117629cc3334dd314a77676b6 Mon Sep 17 00:00:00 2001 From: CNWei Date: Sat, 31 Oct 2026 17:18:57 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=90=9C=E7=B4=A2=E6=A1=86=2030%=20?= =?UTF-8?q?=E9=80=8F=E6=98=8E=EF=BC=8C=E5=88=86=E7=BB=84=E5=9D=97=E5=BA=95?= =?UTF-8?q?=E9=83=A8=E7=95=99=E7=99=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 搜索框背景 50% -> 30% - sidebar 增加 24px 底部内边距,导航块滚到底留 24px - 验证:alpha=0.30;nav bottom 与视口底部间距 24px --- docs/ADMIN-PLAN.md | 6 ++++++ stash-web/src/App.css | 3 ++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/docs/ADMIN-PLAN.md b/docs/ADMIN-PLAN.md index 541a509..9bdfc2c 100644 --- a/docs/ADMIN-PLAN.md +++ b/docs/ADMIN-PLAN.md @@ -147,6 +147,12 @@ DELETE /api/items/:id ## 11. 实施记录 +### P28(2026-10-31,搜索框 30% 透明与分组块底部留白) + +- 搜索框背景透明度从 50% 调到 30%(`rgba(255,255,255,0.3)`),保留 blur; +- 侧栏 `.sidebar-home` 增加 24px 底部内边距,分组导航块滚到底时距离视口底部保留 24px; +- 验证:搜索框 alpha=0.30;页面滚到底时 navBottom=856、viewportBottom=880,间距 24px。 + ### P27(2026-10-31,分类块圆角与顶部软虚化) - 侧栏导航 `.nav-card` 是普通 div(不是 Card),之前没有圆角;补 `border-radius: 12px` + `overflow: hidden`,和资料/服务卡一致; diff --git a/stash-web/src/App.css b/stash-web/src/App.css index 860ba3d..cd0ceff 100644 --- a/stash-web/src/App.css +++ b/stash-web/src/App.css @@ -151,7 +151,7 @@ /* 搜索框半透明,顶部区域透出背景 */ .search-row > *:first-child { - background-color: color-mix(in srgb, var(--su-bg-card) 50%, transparent); + background-color: color-mix(in srgb, var(--su-bg-card) 30%, transparent); backdrop-filter: blur(14px); } @@ -1342,6 +1342,7 @@ a.entry-href:hover { .sidebar-home { padding-top: 0; + padding-bottom: 24px; will-change: transform; }