From f1f4fcf3f6a7d8126f07a18c1cab7f1b801a9e63 Mon Sep 17 00:00:00 2001 From: Codex Bot Date: Fri, 6 Nov 2026 01:17:34 +0800 Subject: [PATCH] fix: size toolbar buttons to 32px including padding --- README.md | 2 +- VALIDATION.md | 6 ++++++ src/app/dashboard/dashboard.tsx | 2 +- src/components/canvas/canvas.module.css | 6 +++--- src/components/ui/icon-button.module.css | 6 +++--- src/components/ui/toolbar.module.css | 6 +++--- src/components/workspace/workspace.module.css | 12 ++++++------ 7 files changed, 23 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index f118b03..a9ba891 100644 --- a/README.md +++ b/README.md @@ -97,4 +97,4 @@ API 测试使用本机临时后端和独立前端进程，检查会话 Cookie、 ## 悬浮栏尺寸 -左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 32px，图标按钮 44×40px，主文字 14px，容器内边距 4px，间隙 2px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。 +左上角显示当前图谱标题，复用页面已读取的资料，不额外请求后端；长标题省略并可悬停查看。左上、右上、底部与帮助按钮共用 `toolbar.module.css`：图标/Logo/浮框头像 20px，图标按钮含 padding 的总尺寸为 32×32px，主文字 14px，容器内边距 4px，间隙 2px，圆角 8px。悬浮栏距屏幕边缘统一为 12px；右上角窄屏时下移避免与标题重叠。 diff --git a/VALIDATION.md b/VALIDATION.md index 965589a..3f50748 100644 --- a/VALIDATION.md +++ b/VALIDATION.md @@ -82,3 +82,9 @@ - 按用户要求将共享悬浮栏图标、Logo 和头像改为 32×32px，按钮改为 44×40px，主文字 14px；保留 4px 容器内边距，整体高度 50px。 - Logo 切换到 32/64/128px 原始资源，账户与帮助弹出框偏移同步调整，窄屏工具栏允许横向滚动。 - 类型检查和差异检查通过。本次为尺寸试调，未重复生产构建，未访问浏览器。 + +## 修正 32×32 总尺寸（2026-11-06） + +- 用户澄清 32×32 指包含 padding 的按钮总尺寸。统一使用 border-box 的 32×32px 按钮，内部图标、Logo 与浮框头像为 20px，保留上下 4px、左右 6px 内边距；主文字仍为 14px。 +- 公共图标按钮默认尺寸同步修正，悬浮栏整体高度为 42px；账户和帮助弹出框偏移随之调整，保留高清 Logo 资源。 +- 类型检查及差异检查通过；本次尺寸修正未重复构建或访问浏览器。 diff --git a/src/app/dashboard/dashboard.tsx b/src/app/dashboard/dashboard.tsx index 75f359f..7a58041 100644 --- a/src/app/dashboard/dashboard.tsx +++ b/src/app/dashboard/dashboard.tsx @@ -157,7 +157,7 @@ export default function DashboardSidebar() { + width={20} height={20} alt="" />

{currentTitle}