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

fix(ai-avatar): 封面预览改为竖屏 9:16 比例 #1845

Merged
xiaoxia merged 1 commits from fix/ai-avatar-cover-preview-portrait into develop 2026-09-10 20:07:58 +08:00
Conversation 4 Commits 1 Files Changed 1
+5 -3
xiaoxia commented 2026-09-10 19:34:06 +08:00
Owner
Copy Link
Copy Source

问题

封面预览图片被 max-height: 160px 限死高度，在容器宽度拉满时比例被压扁成横屏。

修复

  • 去掉 max-height: 160px
  • 加 max-width: 240px + margin: 0 auto 居中，与 .aa-lipsync-preview 保持一致
  • img 保留 object-fit: cover 裁剪不变形
  • 圆角统一为 8px

改动文件

  • apps/web/src/pages/ai-avatar/AiAvatar.css

验证

  • tsc 零错误
  • prettier 格式化
## 问题 封面预览图片被 `max-height: 160px` 限死高度，在容器宽度拉满时比例被压扁成横屏。 ## 修复 - 去掉 `max-height: 160px` - 加 `max-width: 240px` + `margin: 0 auto` 居中，与 `.aa-lipsync-preview` 保持一致 - `img` 保留 `object-fit: cover` 裁剪不变形 - 圆角统一为 8px ## 改动文件 - `apps/web/src/pages/ai-avatar/AiAvatar.css` ## 验证 - tsc 零错误 - prettier 格式化
xiaoxia added 1 commit 2026-09-10 19:34:06 +08:00
fix(ai-avatar): 封面预览改为竖屏 9:16 比例，不被压扁
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 2s
Details
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
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 / Build Staging API Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Worker Image (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 / 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 / Staging API Integration Tests (pull_request) Has been skipped
Details
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m6s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m13s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m17s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m24s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 1m54s
Details
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 2m7s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 2m49s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m31s
Details
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 11m31s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 19m1s
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 / Deploy Production (pull_request) Has been skipped
Details
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
Details
CI/CD Pipeline / CI Gate (pull_request) Successful in 3s
Details
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 7s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m36s
Details
6bd9c0bc49 
- 去掉 max-height:160px 导致的横屏压扁问题
- 加 max-width:240px + margin:0 auto 居中，对齐 .aa-lipsync-preview 模式
- img 加 object-fit:cover 保持裁剪不变形
- 圆角改为 8px 与对口型预览统一
auto-approve-bot approved these changes 2026-09-10 19:35:22 +08:00
auto-approve-bot left a comment
Collaborator
Copy Link
Copy Source

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
gitea-actions bot commented 2026-09-10 19:36:17 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1845 | | 预览链接 | [https://pr-1845.preview.xiaoxiajianji.com](https://pr-1845.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。
xiaoxia merged commit b3f8c00522 into develop 2026-09-10 20:07:58 +08:00
xiaoxia deleted branch fix/ai-avatar-cover-preview-portrait 2026-09-10 20:07:58 +08:00
gitea-actions bot commented 2026-09-10 20:09:33 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1845 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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 frontend-dev xiaoxia
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1845
Delete Branch "fix/ai-avatar-cover-preview-portrait"

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?