修复素材画布保存栏排版

调整素材字段最小宽度与紧凑字号，确保标题完整显示。补充保存栏布局和字体样式回归测试。同步更新 AI 游戏创作画布视觉约束文档。
2026-08-06 15:43:16 +08:00
parent ad7b8095cd
commit 3403855c7d
3 changed files with 18 additions and 7 deletions
@@ -43,11 +43,11 @@
 .asset-canvas-surface__savebar {
  display: grid;
  grid-template-columns:
-    minmax(0, 1.35fr) minmax(0, 1fr) minmax(86px, 0.55fr)
+    minmax(150px, 1.35fr) minmax(118px, 1fr) minmax(88px, 0.55fr)
    max-content;
  min-width: 0;
  align-items: end;
-  gap: 7px;
+  gap: 8px;
 }

 .asset-canvas-surface__save-field {
@@ -57,12 +57,10 @@
 }

 .asset-canvas-surface__save-field > span {
-  overflow: hidden;
  color: var(--platform-text-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
-  text-overflow: ellipsis;
  white-space: nowrap;
 }

@@ -77,7 +75,14 @@
  background: var(--platform-input-fill);
  color: var(--platform-text-base);
  font: inherit;
-  padding: 0 9px;
+  padding: 0 8px;
+}
+
+.asset-canvas-surface__savebar input,
+.asset-canvas-surface__savebar select {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.25;
 }

 .asset-canvas-surface__savebar input:focus-visible,
@@ -567,7 +567,13 @@ describe('Tauri 素材创作无限画布独立 Surface', () => {
      /\.asset-canvas-surface__status\s*\{[^}]*max-height:\s*96px[^}]*overflow-y:\s*auto/s,
    );
    expect(css).toMatch(
-      /\.asset-canvas-surface__savebar\s*\{[^}]*grid-template-columns:/s,
+      /\.asset-canvas-surface__savebar\s*\{[^}]*grid-template-columns:\s*minmax\(150px, 1\.35fr\) minmax\(118px, 1fr\) minmax\(88px, 0\.55fr\)\s*max-content/s,
+    );
+    expect(css).toMatch(
+      /\.asset-canvas-surface__save-field > span\s*\{[^}]*font-size:\s*11px[^}]*white-space:\s*nowrap/s,
+    );
+    expect(css).toMatch(
+      /\.asset-canvas-surface__savebar input,\s*\.asset-canvas-surface__savebar select\s*\{[^}]*font-size:\s*12px[^}]*font-weight:\s*600/s,
    );
    expect(css).toMatch(
      /\.asset-canvas-surface__toolbar-shell\s*\{[^}]*grid-template-columns:\s*minmax\(0, 1fr\)[^}]*grid-template-rows:\s*auto auto/s,
@@ -968,4 +968,4 @@ game-project/
 - 工作台仍是左导航、中央主视窗、右 Project Supervisor、底部 Agent Dock 四区。中央区使用主面板层级；Supervisor 的消息/Runtime 独立滚动且 composer 常驻；Dock 改为较轻的持续状态 surface 与可收缩卡片。桌面网格按 `100dvh` 将 Dock 固定在第二行，`≤760px` 只保留开发兼容堆叠。
 - AppSurface/CSS 合同锁定 `1280×800` 下的工作台无页面级溢出、Supervisor composer、主要保存动作和 Dock 可见；共享/Tauri 定向用例锁定按钮名称、工具组/分隔符、pressed/expanded/disabled 和生成/失败/保存/取消非裁剪。真实 Vite 页面测得 window/document/body client 与 scroll 均为 `1280×800`；无登录会话时按既有安全合同停在登录门禁，不增加或使用测试绕过。
 - 本次只调整 UI 和测试/文档，未改变图片生成请求、登录态、泥点计费、钱包刷新、Host Port、Tauri command/event、草稿 CAS、manifest/revision、幂等恢复、Runtime、审批、资源投影或保存事务。
- 2026-08-06 视觉复核进一步锁定保存区语义：素材名称保留用户编辑；create 的资源用途改为四项中文固定选择并默认普通游戏美术；refine 从源 manifest 继承并锁定 kind，避免普通用户直接编辑内部 `assetKind` slug。顶部工具与保存设置显式分为两行，保存按钮不可压缩，窄容器独占整行；Supervisor 和普通聊天工作区状态把绝对路径收口为项目名称。
+- 2026-08-06 视觉复核进一步锁定保存区语义：素材名称保留用户编辑；create 的资源用途改为四项中文固定选择并默认普通游戏美术；refine 从源 manifest 继承并锁定 kind，避免普通用户直接编辑内部 `assetKind` slug。顶部工具与保存设置显式分为两行，保存按钮不可压缩，窄容器独占整行；保存字段标题必须完整显示，输入值与下拉选项使用和左侧画布动作接近的紧凑字号，字段列保留足够最小宽度，不能依靠省略标题换取空间；Supervisor 和普通聊天工作区状态把绝对路径收口为项目名称。