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

feat(title): 标题预设卡片改紧凑正方形T图标（工单#1263） #1591

Merged
auto-approve-bot merged 1 commits from feat/title-preset-compact into develop 2026-09-01 01:36:01 +08:00
Conversation 5 Commits 1 Files Changed 2
+6 -17
xiaoxia commented 2026-09-01 01:24:08 +08:00
Owner
Copy Link
Copy Source

改动内容（工单 #1263）

TitlePresetsGrid.tsx

  • 卡片预览文字「标题」→ 单个大写字母「T」，各预设自身样式效果（颜色/描边/阴影/字号）全部保留
  • 删除卡片下方文字标签 <span class=xx-title-preset-card-label>；button 的 title={p.label} 属性保留（鼠标悬停仍显示预设名）

generate.css

  • 网格 4 列 → 6 列（一行放全部预设），gap 10px → 8px
  • 卡片改正方形（aspect-ratio: 1/1），padding 14px 8px → 4px
  • preview-text 去掉 margin-bottom、line-height 改 1（单字居中）
  • 删除 .xx-title-preset-card-label 及其 .active 变体两条规则，无死样式残留
  • 选中态高亮边框/背景（.active border-color + primary-50 背景）保持不变

未改动

  • 不增减任何功能，预设数据/onApply 逻辑/title 属性均不变
  • 不涉及 CI / Dockerfile / 后端代码
## 改动内容（工单 #1263） ### TitlePresetsGrid.tsx - 卡片预览文字「标题」→ 单个大写字母「T」，各预设自身样式效果（颜色/描边/阴影/字号）全部保留 - 删除卡片下方文字标签 `<span class=xx-title-preset-card-label>`；button 的 title={p.label} 属性保留（鼠标悬停仍显示预设名） ### generate.css - 网格 4 列 → 6 列（一行放全部预设），gap 10px → 8px - 卡片改正方形（aspect-ratio: 1/1），padding 14px 8px → 4px - preview-text 去掉 margin-bottom、line-height 改 1（单字居中） - 删除 .xx-title-preset-card-label 及其 .active 变体两条规则，无死样式残留 - 选中态高亮边框/背景（.active border-color + primary-50 背景）保持不变 ## 未改动 - 不增减任何功能，预设数据/onApply 逻辑/title 属性均不变 - 不涉及 CI / Dockerfile / 后端代码
xiaoxia added 1 commit 2026-09-01 01:24:08 +08:00
feat(title): 标题预设卡片改紧凑正方形T图标——6列网格/删除文字标签/清理死样式
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 1s
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 1s
Details
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 3m31s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 3m57s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 4m45s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 4m47s
Details
AI Code Review / AI Code Review (pull_request) Successful in 5m31s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 5m37s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 5m47s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 6m3s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 6m23s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 6m27s
Details
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 2s
Details
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 4m3s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 5m22s
Details
435aa53113
gitea-actions bot commented 2026-09-01 01:28:03 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

项目 详情
PR号 #1591
预览链接 https://pr-1591.preview.xiaoxiajianji.com
API环境 staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1591 | | 预览链接 | [https://pr-1591.preview.xiaoxiajianji.com](https://pr-1591.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。
auto-approve-bot commented 2026-09-01 01:29:36 +08:00
Collaborator
Copy Link
Copy Source

【阻塞级判定】

  • 是否存在阻塞级问题：否
  • 阻塞级问题数量：0 个

📊 审查概览

  • 整体评价：通过
  • 建议级问题数量：2 个

🔴 阻塞级问题（必须修复）

无

💡 改进建议（不阻塞合并）

  1. [generate.css] 响应式布局适配

    • 具体内容：将网格列数从 4 列增加到 6 列且间距减小，在移动端或窄屏设备上可能导致卡片过小或内容溢出，影响点击体验。建议检查该组件在不同屏幕尺寸下的表现，或添加媒体查询（如 @media (max-width: 768px)）以适配小屏幕。

  2. [TitlePresetsGrid.tsx] 用户体验优化

    • 具体内容：移除了预设卡片的文字标签（p.label），仅保留 "T" 字预览。如果不同预设的字体差异较小，用户可能难以区分。建议在 button 元素上添加 title={p.label} 属性，以便鼠标悬停时显示完整的预设名称，提升可识别性。

✅ 良好实践

  • 使用 CSS aspect-ratio 属性来控制卡片比例，代码简洁且现代，避免了使用 padding hack。
  • 简化预览文本为 "T"，有效突出了字体样式的展示效果，减少了视觉干扰。

🤖 由 AI 代码审查机器人自动生成 | 2026-08-31 17:29:36 | 模型:

### 【阻塞级判定】 - 是否存在阻塞级问题：否 - 阻塞级问题数量：0 个 ### 📊 审查概览 - 整体评价：通过 - 建议级问题数量：2 个 ### 🔴 阻塞级问题（必须修复） 无 ### 💡 改进建议（不阻塞合并） 1. **[generate.css] 响应式布局适配** - 具体内容：将网格列数从 4 列增加到 6 列且间距减小，在移动端或窄屏设备上可能导致卡片过小或内容溢出，影响点击体验。建议检查该组件在不同屏幕尺寸下的表现，或添加媒体查询（如 `@media (max-width: 768px)`）以适配小屏幕。 2. **[TitlePresetsGrid.tsx] 用户体验优化** - 具体内容：移除了预设卡片的文字标签（`p.label`），仅保留 "T" 字预览。如果不同预设的字体差异较小，用户可能难以区分。建议在 `button` 元素上添加 `title={p.label}` 属性，以便鼠标悬停时显示完整的预设名称，提升可识别性。 ### ✅ 良好实践 - 使用 CSS `aspect-ratio` 属性来控制卡片比例，代码简洁且现代，避免了使用 padding hack。 - 简化预览文本为 "T"，有效突出了字体样式的展示效果，减少了视觉干扰。 --- <sub>🤖 由 AI 代码审查机器人自动生成 | 2026-08-31 17:29:36 | 模型: </sub> <!-- AI_CODE_REVIEW_AUTO_COMMENT -->
auto-approve-bot approved these changes 2026-09-01 01:29:54 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot approved these changes 2026-09-01 01:29:54 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot merged commit 3745970515 into develop 2026-09-01 01:36:01 +08:00
auto-approve-bot deleted branch feat/title-preset-compact 2026-09-01 01:36:01 +08:00
gitea-actions bot commented 2026-09-01 01:41:22 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

PR #1591 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1591 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.
Reviewers
No Reviewers
auto-approve-bot
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
3 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1591
Delete Branch "feat/title-preset-compact"

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?