xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 14 Pull Requests 4 Actions 6 Packages Projects Releases 7 Wiki Activity

标题预设样式显示改为紧凑T图标，节省页面空间 #1263

New Issue
Open
opened 2026-08-07 15:03:20 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-08-07 15:03:20 +08:00
Owner
Copy Link
Copy Source

需求描述

标题预设样式卡片（TitlePresetsGrid.tsx）当前每个卡片显示"标题"二字作为预览 + 下方文字标签（如"经典白字""描边立体"等），占用过多横向空间。

改动要求

  1. 预览文字改为单个 "T" 字符：每个预设卡片内的预览文字从"标题"改为大写字母 "T"，保留该预设的样式效果（颜色、描边、阴影等）
  2. 去掉卡片下方的文字标签：移除 <span className="xx-title-preset-card-label">
  3. 缩小卡片尺寸：卡片宽高缩小为正方形或接近正方形，一行能放更多预设
  4. 选中态保留：active 预设仍然有高亮边框/背景标识

涉及文件

  • apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx — 主要改动
  • apps/web/src/components/styles/generate.css — .xx-title-preset-card 相关样式调整

参考

用户提供了截图说明期望效果（紧凑的 T 图标网格排列）

## 需求描述 标题预设样式卡片（`TitlePresetsGrid.tsx`）当前每个卡片显示"标题"二字作为预览 + 下方文字标签（如"经典白字""描边立体"等），占用过多横向空间。 ### 改动要求 1. **预览文字改为单个 "T" 字符**：每个预设卡片内的预览文字从"标题"改为大写字母 "T"，保留该预设的样式效果（颜色、描边、阴影等） 2. **去掉卡片下方的文字标签**：移除 `<span className="xx-title-preset-card-label">` 3. **缩小卡片尺寸**：卡片宽高缩小为正方形或接近正方形，一行能放更多预设 4. **选中态保留**：active 预设仍然有高亮边框/背景标识 ### 涉及文件 - `apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx` — 主要改动 - `apps/web/src/components/styles/generate.css` — `.xx-title-preset-card` 相关样式调整 ### 参考 用户提供了截图说明期望效果（紧凑的 T 图标网格排列）
xiaoxia added the frontendfeature labels 2026-08-07 15:03:20 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
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 feature frontend
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#1263
Delete Branch "%!s()"

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?