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

fix: #1807 侧边栏缩窄 240px→128px + 页面内容区拓宽 #1808

Merged
auto-approve-bot merged 1 commits from fix/sidebar-narrow-1807 into develop 2026-09-09 00:18:00 +08:00
Conversation 4 Commits 1 Files Changed 8
+36 -20
xiaoxia commented 2026-09-09 00:09:06 +08:00
Owner
Copy Link
Copy Source

#1807 左侧导航栏缩窄 + 页面内容区拓宽

改动

  • 侧边栏宽度：MainLayout.css 主容器/平板/移动端 3 处 width: 240px → 128px；折叠态 64px 不变
  • 内部压缩防文字截断：
    • 展开态 .xx-sidebar-content 水平 padding 收窄至 4px
    • 菜单项水平 padding 16→4、gap 8→4、margin 4→2；图标 36→28px
    • 菜单文字补 min-width:0 + white-space:nowrap + ellipsis 兜底
    • 折叠态菜单项居中覆盖、图标 32px，保持 64px 图标栏布局
    • 宽度核算：128px 下最长菜单名（订阅管理/智能剪辑 4 汉字 ≈56px）完整一行
  • 内容区拓宽：.xx-app-content 为 flex:1 自动拓宽；页面容器 max-width 放宽——智能剪辑/任务中心/我的模板/后台 1400→1680、批量生成 1100→1400；视频管理/素材库/配音库/AI数字人本就无 max-width 自动用满

不变项

  • 折叠态 64px、折叠/展开交互、移动端汉堡菜单逻辑

验证

  • Prettier ✅ / ESLint 0 错误 ✅ / Vite 构建 ✅
## #1807 左侧导航栏缩窄 + 页面内容区拓宽 ### 改动 - **侧边栏宽度**：MainLayout.css 主容器/平板/移动端 3 处 `width: 240px → 128px`；折叠态 64px 不变 - **内部压缩防文字截断**： - 展开态 `.xx-sidebar-content` 水平 padding 收窄至 4px - 菜单项水平 padding 16→4、gap 8→4、margin 4→2；图标 36→28px - 菜单文字补 `min-width:0 + white-space:nowrap + ellipsis` 兜底 - 折叠态菜单项居中覆盖、图标 32px，保持 64px 图标栏布局 - 宽度核算：128px 下最长菜单名（订阅管理/智能剪辑 4 汉字 ≈56px）完整一行 - **内容区拓宽**：.xx-app-content 为 flex:1 自动拓宽；页面容器 max-width 放宽——智能剪辑/任务中心/我的模板/后台 1400→1680、批量生成 1100→1400；视频管理/素材库/配音库/AI数字人本就无 max-width 自动用满 ### 不变项 - 折叠态 64px、折叠/展开交互、移动端汉堡菜单逻辑 ### 验证 - Prettier ✅ / ESLint 0 错误 ✅ / Vite 构建 ✅
xiaoxia added 1 commit 2026-09-09 00:09:06 +08:00
fix: #1807 侧边栏展开态 240px→128px 缩窄并压缩内部元素，拓宽内容区
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 1s
Details
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
Details
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 0s
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 Worker Image (pull_request) Has been skipped
Details
CI/CD Pipeline / Build Staging Web 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
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m16s
Details
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m21s
Details
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 1m31s
Details
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m32s
Details
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m37s
Details
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m53s
Details
CI/CD Pipeline / Validate - Style (pull_request) Successful in 2m8s
Details
AI Code Review / AI Code Review (pull_request) Successful in 6m14s
Details
CI/CD Pipeline / Validate - Security (pull_request) Successful in 8m14s
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 1s
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
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 6m58s
Details
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 7s
Details
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 31s
Details
86c0cda627 
- MainLayout.css: 主容器/平板/移动端 3 处 width 240px→128px，折叠态 64px 不变
- 展开态 .xx-sidebar-content 水平 padding 收窄至 4px，为菜单文字留足一行空间
- Sidebar.css: 菜单项水平 padding 16→4、gap 8→4、margin 4→2，图标 36→28
- 菜单文字补 min-width:0 + white-space:nowrap + ellipsis 兜底防截断
- 折叠态菜单项居中覆盖、图标 32px，保持 64px 图标栏布局
- 页面容器 max-width 放宽：智能剪辑/任务中心/我的模板/后台 1400→1680，批量 1100→1400
- 视频管理/素材库/配音库/AI数字人本就无 max-width 自动用满，无需改动
gitea-actions bot commented 2026-09-09 00:10:22 +08:00
Copy Link
Copy Source

🚀 预览环境已部署

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

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

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

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

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

CI全绿，自动审批通过。

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

CI全绿，自动审批通过。

CI全绿，自动审批通过。
auto-approve-bot merged commit a7e6145bb1 into develop 2026-09-09 00:18:00 +08:00
auto-approve-bot deleted branch fix/sidebar-narrow-1807 2026-09-09 00:18:00 +08:00
gitea-actions bot commented 2026-09-09 00:18:28 +08:00
Copy Link
Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1808 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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#1808
Delete Branch "fix/sidebar-narrow-1807"

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?