From c9ce5fc2f1ad9eb4a5866ab001122760f291580d Mon Sep 17 00:00:00 2001 From: Codex Bot Date: Fri, 6 Nov 2026 01:36:47 +0800 Subject: [PATCH] style: slightly increase floating toolbar spacing --- README.md | 2 +- VALIDATION.md | 5 +++++ src/components/ui/toolbar.module.css | 2 +- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index a9ba891..69a63d5 100644 --- a/README.md +++ b/README.md @@ -97,4 +97,4 @@ API 测试使用本机临时后端和独立前端进程，检查会话 Cookie、 ## 悬浮栏尺寸 -左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 20px，图标按钮含 padding 的总尺寸为 32×32px，主文字 14px，容器内边距 4px，间隙 2px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。 +左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 20px，图标按钮含 padding 的总尺寸为 32×32px，主文字 14px，容器内边距 4px，间隙 4px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。 diff --git a/VALIDATION.md b/VALIDATION.md index 3f50748..cefaed1 100644 --- a/VALIDATION.md +++ b/VALIDATION.md @@ -88,3 +88,8 @@ - 用户澄清 32×32 指包含 padding 的按钮总尺寸。统一使用 border-box 的 32×32px 按钮，内部图标、Logo 与浮框头像为 20px，保留上下 4px、左右 6px 内边距；主文字仍为 14px。 - 公共图标按钮默认尺寸同步修正，悬浮栏整体高度为 42px；账户和帮助弹出框偏移随之调整，保留高清 Logo 资源。 - 类型检查及差异检查通过；本次尺寸修正未重复构建或访问浏览器。 + +## 悬浮栏间距微调（2026-11-06） + +- 控件间距从 2px 增加到 4px，统一应用于左上、右上、底部及帮助悬浮栏；保持图标按钮含 padding 总尺寸 32×32px。 +- 差异检查通过；仅调整 CSS 间距，未重复构建或访问浏览器。 diff --git a/src/components/ui/toolbar.module.css b/src/components/ui/toolbar.module.css index 2c86db5..7db06f9 100644 --- a/src/components/ui/toolbar.module.css +++ b/src/components/ui/toolbar.module.css @@ -4,7 +4,7 @@ --toolbar-control-height: 32px; display: flex; align-items: center; - gap: 2px; + gap: 4px; padding: 4px; border: 1px solid #e2dcd3; border-radius: 8px;