Files
vscode-workbench/.trae/specs/tool-fav-button-layout/tasks.md
T

42 lines
2.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Tasks
- [x] Task 1: 改造 ToolFavoriteButton 组件样式
- [x] 创建 `ToolFavoriteButton.css`,定义 `.tool-fav-btn` 亮色/暗色模式样式
- [x] 移除组件中的硬编码 inline style,改为引用 CSS 类
- [x] 暗色模式下颜色适配(图标、文字、边框均适配深色背景)
- [x] Task 2: 调整 JsonFormatter 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `tool-detail-actions` 内移出到 `tool-detail-toolbar` 顶层,位于返回按钮与 `tool-detail-actions` 之间
- [x] Task 3: 调整 Base64Tool 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `tool-detail-actions` 内移出到 `tool-detail-toolbar` 顶层
- [x] Task 4: 调整 CodeFormatter 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `tool-detail-actions` 内移出到 `tool-detail-toolbar` 顶层
- [x] Task 5: 调整 EncodingConverter 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `tool-detail-actions` 内移出到 `tool-detail-toolbar` 顶层
- [x] Task 6: 调整 TextDiff 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `tool-detail-actions` 内移出到 `tool-detail-toolbar` 顶层
- [x] Task 7: 调整 RegexTool 收藏按钮位置
- [x] 将 `<ToolFavoriteButton>` 从 `regex-toolbar-actions` 内移出到 `regex-toolbar` 顶层
- [x] Task 8: 将收藏按钮移至英雄区标题旁并改用 variant="hero"
- [x] JsonFormatter: 移至英雄区,改用 variant="hero",toolId={1} → urlPath="/utility/json-formatter"
- [x] Base64Tool: 移至英雄区,改用 variant="hero",toolId={3} → urlPath="/utility/base64"
- [x] EncodingConverter: 移至英雄区,改用 variant="hero",toolId={4} → urlPath="/utility/encoding-converter"
- [x] CodeFormatter: 移至英雄区,改用 variant="hero",toolId={16} → urlPath="/utility/code-formatter"
- [x] RegexTool: 移至英雄区,改用 variant="hero",toolId={5} → urlPath="/utility/regex-tool"
- [x] TextDiff: 移至英雄区,改用 variant="hero",toolId={8} → urlPath="/utility/text-diff"
- [x] TimestampTool: 移至英雄区,改用 variant="hero",toolId={2} → urlPath="/utility/timestamp"
- [x] QRCodeGenerator: 移至英雄区,改用 variant="hero"
- [x] ColorConverter: 移至英雄区,改用 variant="hero"
- [x] ImageCompressor: 移至英雄区,改用 variant="hero"
# Task Dependencies
- Task 2-7 均依赖 Task 1(需先完成组件样式改造)
- Task 2-7 之间相互独立,可并行执行
- Task 8 依赖 Task 1 和 Task 2-7(需在组件样式改造和位置调整基础上改为 hero 样式)