diff --git a/UI-DESIGN.md b/UI-DESIGN.md index 4945c96f..49ff9e06 100644 --- a/UI-DESIGN.md +++ b/UI-DESIGN.md @@ -336,8 +336,8 @@ - 当前工作栏 Tab 必须同时使用连续内容表面、可见边框、顶部指示、图标或较高字重中的至少 两种信号;悬停反馈不得强于当前选中态。Tab 关闭按钮保留固定布局空间,默认仅在对应 Tab 悬停或 `focus-within` 时显示;无悬停或粗指针设备始终显示,键盘与辅助技术始终可访问。 -- 工作栏 Tab、Tab 关闭按钮、“+”入口、终端面板外框及终端顶部工具栏按钮统一使用直角, - 形成连续、紧凑的停靠式工具界面,不沿用普通卡片和表单控件的圆角。 +- 工作栏 Tab、Tab 关闭按钮和“+”入口沿用共享控件圆角;终端面板外框及终端顶部工具栏按钮 + 使用直角,形成紧凑的停靠式终端界面。 - 选择“终端”后直接绑定当前项目,由项目执行空间自动决定本机或托管 SSH;不再显示第二层 目标选择器。终端面板内部不重复提供关闭会话按钮,关闭统一由 Tab 入口完成。 - 下一次请求使用的附件和知识库由会话输入区展示与管理,不在工作栏重复提供“上下文”栏目; diff --git a/docs/features/assistant-workbar/terminal-tabs-prd.md b/docs/features/assistant-workbar/terminal-tabs-prd.md index ca2b78fc..62ac8f53 100644 --- a/docs/features/assistant-workbar/terminal-tabs-prd.md +++ b/docs/features/assistant-workbar/terminal-tabs-prd.md @@ -147,8 +147,8 @@ stdio fallback。首期远程终端随 SSH Channel 结束,不提供跨 SSH 或 - 终端 Tab 默认使用递增标题,例如“终端 1”“终端 2”;状态栏持续显示项目、Host、 工作目录和 Shell。用户可以重命名终端。 - 当前 Tab 同时使用连续内容表面、选中边框、顶部强调线、图标和较高字重,不能只靠文字颜色。 -- Tab、关闭按钮、“+”入口、终端面板外框和终端顶部工具栏按钮使用直角,保持停靠式工具界面 - 的连续边界,不使用卡片式圆角。 +- Tab、关闭按钮和“+”入口沿用共享控件圆角;终端面板外框和终端顶部工具栏按钮使用直角, + 保持紧凑的停靠式终端界面。 - Tab 关闭按钮默认不争夺视觉注意力,仅在鼠标悬停或键盘焦点进入对应 Tab 时出现; 粗指针或无悬停设备始终显示,出现与隐藏不得引发布局位移。 diff --git a/src/renderer/src/WorkbarShell.test.tsx b/src/renderer/src/WorkbarShell.test.tsx index 53d062eb..8dca1e99 100644 --- a/src/renderer/src/WorkbarShell.test.tsx +++ b/src/renderer/src/WorkbarShell.test.tsx @@ -72,12 +72,12 @@ function ControlledShell({ } describe('WorkbarShell', () => { - it('keeps tabs and their controls square', () => { + it('keeps tabs and their controls rounded', () => { expect(stylesheet).toMatch( - /\.workbar-shell__tab-item\s*\{[^}]*border-radius:\s*0;/u + /\.workbar-shell__tab-item\s*\{[^}]*border-radius:\s*var\(--radius-control\) var\(--radius-control\) 0 0;/u ) expect(stylesheet).toMatch( - /\.workbar-shell__tab-close,\s*\n\.workbar-shell__add\s*\{[^}]*border-radius:\s*0;/u + /\.workbar-shell__tab-close,\s*\n\.workbar-shell__add\s*\{[^}]*border-radius:\s*var\(--radius-control\);/u ) }) diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css index 9ee1cf95..f9e1a6e8 100644 --- a/src/renderer/src/styles.css +++ b/src/renderer/src/styles.css @@ -3858,7 +3858,7 @@ button > svg { align-items: center; border: 1px solid transparent; border-bottom: 0; - border-radius: 0; + border-radius: var(--radius-control) var(--radius-control) 0 0; background: transparent; transition: border-color var(--motion-fast) ease-out, @@ -3936,7 +3936,7 @@ button > svg { height: 28px; padding: 0; place-items: center; - border-radius: 0; + border-radius: var(--radius-control); background: transparent; color: var(--text-muted); cursor: pointer;