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

[P1][UI] 多个页面存在 Drawer/Overlay 响应式与 z-index 问题 #1316

New Issue
Closed
opened 2026-08-09 13:47:55 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-08-09 13:47:55 +08:00
Owner
Copy Link
Copy Source

问题汇总

1. 自定义 overlay z-index 硬编码 1000，脱离设计系统层级

涉及：voice-clone.css、templates.css、voices.css
修复：替换为 z-index: var(--z-modal)

2. ResultDrawer 固定宽度 420px 移动端溢出

涉及：assets/components/ResultDrawer.tsx
修复：添加 max-width 限制

3. 编辑规划器 height: 100vh 与主布局冲突

涉及：editing-planner/EditingPlanner.css（.ep-v8-root）
修复：改为 calc(100vh - 68px - padding) 或 height: 100%

4. 模板库卡片网格无响应式断点

涉及：templates.css（.xx-templates-grid 固定4列）
修复：添加 1400px->3列、1024px->2列 断点

5. 编辑规划器 Drawer 窄屏下溢出

涉及：editing-planner/components/EditingDrawers.tsx
修复：添加宽度约束

优先级

P1 - 本周修复

## 问题汇总 ### 1. 自定义 overlay z-index 硬编码 1000，脱离设计系统层级 涉及：voice-clone.css、templates.css、voices.css 修复：替换为 z-index: var(--z-modal) ### 2. ResultDrawer 固定宽度 420px 移动端溢出 涉及：assets/components/ResultDrawer.tsx 修复：添加 max-width 限制 ### 3. 编辑规划器 height: 100vh 与主布局冲突 涉及：editing-planner/EditingPlanner.css（.ep-v8-root） 修复：改为 calc(100vh - 68px - padding) 或 height: 100% ### 4. 模板库卡片网格无响应式断点 涉及：templates.css（.xx-templates-grid 固定4列） 修复：添加 1400px->3列、1024px->2列 断点 ### 5. 编辑规划器 Drawer 窄屏下溢出 涉及：editing-planner/components/EditingDrawers.tsx 修复：添加宽度约束 ## 优先级 P1 - 本周修复
xiaoxia added the bugfrontendP1 labels 2026-08-09 13:47:55 +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 P1 bug 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#1316
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?