Skip to content

Git 变更面板加宽,文件状态按 Git 习惯着色 - #128

Merged
wxkingstar merged 1 commit into
mainfrom
claude/workspace-git-view-layout
Oct 11, 2026
Merged

wxkingstar merged 1 commit into
mainfrom
claude/workspace-git-view-layout

Conversation

@wxkingstar

Copy link
Copy Markdown
Owner

背景

#127 上线后试用:工作目录抽屉偏窄,Git 变更的文件列表只有 210px,路径和状态文字被逐字折行;不同状态的文件也没有颜色区分。

改动

  • 工作目录抽屉宽度改为 min(100vw, max(980px, 85vw))。
  • Git 变更面板列表与 diff 按 2:3 分栏,列表最小 320px;文件行改为一行一项(状态码、路径、状态文字),窄屏仍为单栏。
  • 按 Git 习惯着色:新增/未跟踪绿色、修改橙色、删除红色加删除线、重命名蓝色;diff 新增/删除行加浅色底。

只改前端,节点无需升级。

测试

前端 eslint、vue-tsc、WorkspaceDrawer.spec.ts 通过;用样例数据在 1400px 宽窗口截图核对排版与配色。

🤖 Generated with Claude Code

- 工作目录抽屉宽度改为窗口的 85%(至少 980px,手机铺满)
- Git 变更的文件列表与 diff 按 2:3 分栏,列表至少 320px,路径不再逐字折行
- 新增/未跟踪为绿色、修改为橙色、删除为红色加删除线、重命名为蓝色
- diff 中新增行与删除行加浅色底

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@wxkingstar
wxkingstar merged commit d891032 into main Oct 11, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant