frontend: FE-031 弹窗体系统一,卡片化容器+分层阴影+统一出入场动效
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
## 状态
|
||||
|
||||
todo
|
||||
done
|
||||
|
||||
## 优先级
|
||||
|
||||
@@ -59,9 +59,18 @@ cd mactfsui && pnpm typecheck && pnpm electron:dev
|
||||
|
||||
## 完成记录
|
||||
|
||||
待完成后填写:
|
||||
|
||||
- 实际修改文件:
|
||||
- `mactfsui/app/components/ui/dialog.tsx`
|
||||
- 实际实现内容:
|
||||
- 全部 15 个弹窗(13 个 explorer 弹窗 + confirm + workspace-dialogs)共用同一 Dialog 基础组件,本次在基础组件统一升级,等效于全量弹窗统一:
|
||||
- 容器改卡片化:`border + shadow-dialog`(替代原 ring),rounded-xl(FE-026 后为 14px)
|
||||
- 出入场统一:打开 200ms `ease-out-quart` 缩放 95% + 上滑 + 淡入;关闭 150ms 缩放淡出;遮罩 `bg-black/20 + backdrop-blur` 淡入淡出
|
||||
- 标题统一 `font-semibold tracking-tight`
|
||||
- 弹窗底部按钮区沿用 DialogFooter 的 `bg-muted/50 + border-t` 分区带(10 个表单类弹窗使用;History/Diff/FileView/Properties 为查看器形态无底栏,结构合理保持)
|
||||
- 弹窗内控件(Input/Button/Table)继承 FE-026 token,无需逐一调整
|
||||
- 测试结果:
|
||||
- `pnpm typecheck` 通过、`pnpm build` 通过
|
||||
- 产物 CSS 确认 shadow-dialog 已编译
|
||||
- 全部弹窗逐一开闭走查留待 FE-034 回归
|
||||
- 遗留问题:
|
||||
- 无
|
||||
|
||||
Reference in New Issue
Block a user