From bb5a615ed269eba79b4a9b89c98274d2c8f36f63 Mon Sep 17 00:00:00 2001 From: CNWei Date: Sat, 31 Oct 2026 17:24:36 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=90=9C=E7=B4=A2=E6=A1=86=E4=BF=9D?= =?UTF-8?q?=E6=8C=81=E5=AE=9E=E5=BA=95=EF=BC=8C=E4=B8=8D=E5=8F=97=E8=99=9A?= =?UTF-8?q?=E5=8C=96=E5=BD=B1=E5=93=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除搜索框半透明与 backdrop-filter - 虚化只作用于搜索框周围 - 验证:bg 纯白、blur none、opacity 1 --- docs/ADMIN-PLAN.md | 6 ++++++ stash-web/src/App.css | 6 +----- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/docs/ADMIN-PLAN.md b/docs/ADMIN-PLAN.md index 9bdfc2c..3eb7755 100644 --- a/docs/ADMIN-PLAN.md +++ b/docs/ADMIN-PLAN.md @@ -147,6 +147,12 @@ DELETE /api/items/:id ## 11. 实施记录 +### P29(2026-10-31,搜索框不受虚化/透明度影响) + +- 移除 `.search-row > *:first-child` 的半透明与 `backdrop-filter` 覆盖,搜索框回到组件默认实底白色; +- 顶部软虚化只作用于搜索框周围区域,不再透过输入框; +- 验证:搜索框背景 `rgb(255,255,255)`、`backdrop-filter: none`、opacity=1。 + ### P28(2026-10-31,搜索框 30% 透明与分组块底部留白) - 搜索框背景透明度从 50% 调到 30%(`rgba(255,255,255,0.3)`),保留 blur; diff --git a/stash-web/src/App.css b/stash-web/src/App.css index cd0ceff..2681128 100644 --- a/stash-web/src/App.css +++ b/stash-web/src/App.css @@ -149,11 +149,7 @@ box-shadow: var(--su-shadow-card); } -/* 搜索框半透明,顶部区域透出背景 */ -.search-row > *:first-child { - background-color: color-mix(in srgb, var(--su-bg-card) 30%, transparent); - backdrop-filter: blur(14px); -} +/* 搜索框保持实底清晰,透明度/虚化只作用于周围区域 */ /* 搜索区域软虚化:上下都用 mask 渐隐,不出现横向分割线 */ .top-blur {