From d5854e33377e165f3f74ca3acc53987363bfd035 Mon Sep 17 00:00:00 2001 From: caoqianming Date: Mon, 20 Jul 2026 08:57:56 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88?= =?UTF-8?q?=E8=83=8C=E6=99=AF=E6=94=B9=E6=AF=9B=E7=8E=BB=E7=92=83=E8=99=9A?= =?UTF-8?q?=E5=8C=96=E2=80=94=E2=80=94=E6=9F=94=E5=92=8C=E8=81=9A=E7=84=A6?= =?UTF-8?q?=E6=9B=BF=E4=BB=A3=E7=A1=AC=E6=B7=B1=E8=89=B2=E9=81=AE=E7=BD=A9?= =?UTF-8?q?=E3=80=81=E6=B6=88=E9=99=A4=E8=BE=93=E5=85=A5=E6=9D=A1=E7=AA=81?= =?UTF-8?q?=E5=85=80=E6=84=9F(bump=200.58.44)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 0.58.43 的整屏纯深色遮罩(rgba(0,0,0,.5))仍偏硬,亮着的悬浮输入条 浮在深黑上略突兀。改为毛玻璃:浅压暗 rgba(20,22,28,.22) + backdrop-filter blur(6px)(带 -webkit- 前缀,老浏览器不支持则退化为纯浅压暗、不崩), 背景虚化把内容推远、聚焦到预览卡片又不刺眼;chat-form 悬浮阴影同步调柔 (0 -10px 28px/.22 → 0 -6px 20px/.12)。只动 web/static/dev.html。 Co-Authored-By: Claude Opus 4.8 (1M context) --- CHANGELOG.md | 2 +- PROGRESS.md | 3 ++- core/__init__.py | 2 +- web/static/dev.html | 17 ++++++++++------- 4 files changed, 14 insertions(+), 10 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index df6358b..3364ffc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,7 +7,7 @@ ## 0.58.43 — 2026-07-19 -- 优化文件预览的观感:打开预览时整个页面背景统一压暗,不再出现"上半屏变暗、底部输入区一条通亮"的割裂感;底部输入框依然悬浮可用,可以边看文件边打字。 +- 优化文件预览的观感:打开预览时整个页面背景改为柔和的毛玻璃虚化(而非硬生生压黑),聚焦到预览内容又不刺眼,不再出现"上半屏变暗、底部输入区一条通亮"的割裂感;底部输入框依然悬浮可用,可以边看文件边打字。 ## 0.58.42 — 2026-07-19 diff --git a/PROGRESS.md b/PROGRESS.md index 2057a50..b979948 100644 --- a/PROGRESS.md +++ b/PROGRESS.md @@ -2,7 +2,7 @@ > 配合 `DESIGN.md`。本文件只记 phase 状态、决策偏差、文件量、下一步。每条 1-2 句:做了啥 + 关键判断;细节查 `git log` / `git diff` / `DESIGN §7.9`。 -最后更新:2026-07-19(文件预览遮罩改整屏、消除"上暗下亮"割裂,bump 0.58.43) +最后更新:2026-07-19(文件预览背景改毛玻璃虚化、观感再细化,bump 0.58.44) --- @@ -24,6 +24,7 @@ ### 2026-07 - **07-19 / 0.58.43**:文件预览遮罩改整屏、消除"上暗下亮"割裂——旧实现用 `#file-preview-modal { bottom: var(--preview-bottom-inset) }` 把遮罩顶到 chat-form 之上,好让预览时能边看边打字,代价是底部整条(输入区+左栏入口+右栏+状态)全不压暗,与上方压暗区形成一条硬边界的通亮带,很割裂。改为遮罩铺满整屏(`bottom`→`padding-bottom`,仍让居中卡片停在输入区之上不遮挡),底部随整屏统一压暗;仅 chat-form 由新 `body.fp-open` 类 `position:relative;z-index:95`(压过遮罩 z90,层叠上下文已核:`#app`/`#pane-mid` 均不建 context)+ 上向阴影,上浮成"悬浮活动条",继续可打字。预览时左栏/右栏/状态点击落到遮罩=关预览(符合"背景不可用"预期)。改 `web/static/dev.html` + `web/static/js/preview.js`(open/close 加/去 `fp-open`)。 +- **07-19 / 0.58.44**:文件预览背景再细化——0.58.43 的整屏纯深色遮罩(`rgba(0,0,0,.5)`)仍偏硬,悬浮输入条亮在深黑上略突兀。改为**毛玻璃**:浅压暗 `rgba(20,22,28,.22)` + `backdrop-filter: blur(6px)`(带 `-webkit-` 前缀,老浏览器不支持则退化为纯浅压暗、不崩),背景虚化推远聚焦到卡片又不刺眼;chat-form 悬浮阴影同步调柔(`0 -10px 28px/.22`→`0 -6px 20px/.12`)。只动 `web/static/dev.html`。 - **07-19 / 0.58.42**:页内弹框替代原生 alert/confirm/prompt——用户反馈原生浏览器弹框(顶部丑框)应改成页内样式,且区分两类(对标 Element `dialog`/`message`)。新增 `web/static/js/dialog.js`:`dialogConfirm`/`dialogPrompt`(遮罩+卡片 modal,复用改密码那套头/体/脚布局,Promise 化以一比一替换同步的 `confirm`/`prompt`,Esc/点遮罩=取消、Enter=确认、danger 变体红键)+ `message`(顶部居中轻量 toast,success/error/info 三态,自动消失、点即消)。dev.html 加 `#app-dialog` 容器 + `#app-messages` toast + 对应 CSS。全量替换主应用 8 文件调用点(chat/files/crons/procs/wechat/skills/media/auth,共 30 处);`admin.js`(独立 admin-only 页、独立 `