xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 11 Pull Requests 3 Actions 3 Packages Projects Releases 7 Wiki Activity

feat: V21 设计系统 - Workspace 页面和业务组件样式对齐 #30

Closed
xiaoxia wants to merge 385 commits from feature/v21-workspace-components into develop
pull from: feature/v21-workspace-components
merge into: xiaoxia:develop
Conversation 0 Commits 385 Files Changed 441
+57692 -1613
xiaoxia commented 2026-06-26 21:37:44 +08:00
Owner
Copy Link
Copy Source

改动说明

将 Workspace 页面和公共业务组件的样式对齐 V21 设计系统。

Workspace 页面

  • WorkspaceDetail.tsx: 添加 V21 页面结构 (xx-page, xx-page-head, xx-card)、主色调按钮 (xx-primary-btn)
  • ProjectTasks.tsx: 新建 CSS 文件 ProjectTasks.css，添加 V21 样式
  • ProjectTitles.tsx + ProjectTitles.css: 已有的 V21 样式保持不变

公共业务组件

  • InviteMemberModal.tsx: Modal 圆角 22px，V21 表单间距
  • MemberList.tsx: 表格使用 V21 样式，Tag 使用 Indigo 配色
  • PermissionMatrix.tsx: 卡片和表格 V21 化
  • QuotaDisplay.tsx: 配额项使用 V21 配色和圆角

新增文件

  • business.css: 公共业务组件统一样式，包含按钮、卡片、表格、标签、Modal 等 V21 样式
  • ProjectTasks.css: 任务中心页面样式

App 根组件

  • App.tsx + App.css: 更新为 V21 风格，带渐变背景、浮动动画和快速链接卡片

V21 设计规范

  • 主色调: #4f46e5 (Indigo)
  • 悬停色: #6366f1
  • 圆角: 14px / 22px / 28px
  • 阴影: 0 24px 70px rgba(15,23,42,0.09)
  • 渐变: linear-gradient(135deg, #6366f1, #4f46e5)

Closes #V21

## 改动说明 将 Workspace 页面和公共业务组件的样式对齐 V21 设计系统。 ### Workspace 页面 - **WorkspaceDetail.tsx**: 添加 V21 页面结构 (xx-page, xx-page-head, xx-card)、主色调按钮 (xx-primary-btn) - **ProjectTasks.tsx**: 新建 CSS 文件 `ProjectTasks.css`，添加 V21 样式 - **ProjectTitles.tsx + ProjectTitles.css**: 已有的 V21 样式保持不变 ### 公共业务组件 - **InviteMemberModal.tsx**: Modal 圆角 22px，V21 表单间距 - **MemberList.tsx**: 表格使用 V21 样式，Tag 使用 Indigo 配色 - **PermissionMatrix.tsx**: 卡片和表格 V21 化 - **QuotaDisplay.tsx**: 配额项使用 V21 配色和圆角 ### 新增文件 - **business.css**: 公共业务组件统一样式，包含按钮、卡片、表格、标签、Modal 等 V21 样式 - **ProjectTasks.css**: 任务中心页面样式 ### App 根组件 - **App.tsx + App.css**: 更新为 V21 风格，带渐变背景、浮动动画和快速链接卡片 ### V21 设计规范 - 主色调: `#4f46e5` (Indigo) - 悬停色: `#6366f1` - 圆角: `14px` / `22px` / `28px` - 阴影: `0 24px 70px rgba(15,23,42,0.09)` - 渐变: `linear-gradient(135deg, #6366f1, #4f46e5)` Closes #V21
xiaoxia added 1 commit 2026-06-26 21:37:44 +08:00
feat: V21 design system alignment for workspace pages and business components
CI/CD Pipeline / Validate Code Quality And Tests (push) Waiting to run
Details
CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Waiting to run
Details
955885d909 
- Add V21 styles to WorkspaceDetail page (page-head, cards, buttons)
- Create ProjectTasks.css and update ProjectTasks.tsx with V21 UI
- Create business.css with shared V21 styles (buttons, cards, tables, tags)
- Update InviteMemberModal with V21 modal styles
- Update MemberList with V21 table and tag styles
- Update PermissionMatrix with V21 card and table styles
- Update QuotaDisplay with V21 card and progress styles
- Update App.tsx and App.css with V21 design system
xiaoxia closed this pull request 2026-06-27 00:41:42 +08:00
Some checks are pending
CI/CD Pipeline / Validate Code Quality And Tests (push) Waiting to run
Details
CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Waiting to run
Details

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#30
Delete Branch "feature/v21-workspace-components"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?