style: slightly increase floating toolbar spacing

This commit is contained in:
2026-11-06 01:36:47 +08:00
parent f1f4fcf3f6
commit c9ce5fc2f1
3 changed files with 7 additions and 2 deletions
+1 -1
View File
@@ -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;右上角窄屏时下移避免与标题重叠。
+5
View File
@@ -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 间距,未重复构建或访问浏览器。
+1 -1
View File
@@ -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;