style(viral-video): 分镜文案区域紧凑化,一屏展示更多镜头 #2145

Merged
xiaoxia merged 1 commits from fix/2041-storyboard-compact into develop 2026-10-02 13:57:37 +08:00
Owner

调整

分镜脚本(storyboard)展示区域上下间距过大,浪费页面空间。仅调间距/padding/margin/尺寸,不改颜色、字体大小、紫色主题。

具体调整

  • vv-copy-box:padding 14px→10px 12px;margin-top 12px→8px
  • vv-storyboard 容器内边距:16px 4px→6px 2px
  • vv-sb-doc 主容器:gap 6px→3px;line-height 1.7→1.55
  • vv-sb-h 段标题(视频总览/场景与光线/逐秒镜头拆解):margin 14px 0 6px→8px 0 3px
  • vv-sb-kv 字段行:gap 6px→4px;line-height 1.7→1.55
  • vv-sb-inline 内联编辑 input:padding 2px→1px
  • vv-sb-doc-ta textarea:min-height 48px→32px;padding 4px 6px→2px 4px;line-height 1.7→1.55
  • vv-sb-doc-ta-sm:min-height 32px→24px
  • vv-sb-doc-shots 镜头列表:gap 14px→8px;margin-top 4px→2px
  • vv-sb-doc-shot-head:margin-bottom 2px→1px
  • vv-sb-time-doc 时间标签:padding 收紧;字号 14px→13px
  • vv-sb-ref-badge:padding/gap 收紧
  • vv-sb-ref-thumb / vv-sb-ref-opt 参考图缩略图:36px→28px
  • vv-sb-taglist 标签区:gap 6px→4px;margin-top 4px→2px
  • vv-sb-tag 标签:padding 3px 8px→2px 6px;gap 4px→3px
  • vv-sb-vo 口播稿折叠区:margin-top 6px→4px;padding 10px 12px→6px 10px;min-height 80px→44px
  • vv-sb-actions 操作栏:margin-top 14px→8px;padding-top 12px→8px

验收

  • tsc --noEmit ✅(纯 CSS 改动,无 TS 变化)
  • prettier ✅
  • vite build ✅ 6.45s
## 调整 分镜脚本(storyboard)展示区域上下间距过大,浪费页面空间。仅调间距/padding/margin/尺寸,不改颜色、字体大小、紫色主题。 ### 具体调整 - vv-copy-box:padding 14px→10px 12px;margin-top 12px→8px - vv-storyboard 容器内边距:16px 4px→6px 2px - vv-sb-doc 主容器:gap 6px→3px;line-height 1.7→1.55 - vv-sb-h 段标题(视频总览/场景与光线/逐秒镜头拆解):margin 14px 0 6px→8px 0 3px - vv-sb-kv 字段行:gap 6px→4px;line-height 1.7→1.55 - vv-sb-inline 内联编辑 input:padding 2px→1px - vv-sb-doc-ta textarea:min-height 48px→32px;padding 4px 6px→2px 4px;line-height 1.7→1.55 - vv-sb-doc-ta-sm:min-height 32px→24px - vv-sb-doc-shots 镜头列表:gap 14px→8px;margin-top 4px→2px - vv-sb-doc-shot-head:margin-bottom 2px→1px - vv-sb-time-doc 时间标签:padding 收紧;字号 14px→13px - vv-sb-ref-badge:padding/gap 收紧 - vv-sb-ref-thumb / vv-sb-ref-opt 参考图缩略图:36px→28px - vv-sb-taglist 标签区:gap 6px→4px;margin-top 4px→2px - vv-sb-tag 标签:padding 3px 8px→2px 6px;gap 4px→3px - vv-sb-vo 口播稿折叠区:margin-top 6px→4px;padding 10px 12px→6px 10px;min-height 80px→44px - vv-sb-actions 操作栏:margin-top 14px→8px;padding-top 12px→8px ## 验收 - tsc --noEmit ✅(纯 CSS 改动,无 TS 变化) - prettier ✅ - vite build ✅ 6.45s
xiaoxia added 1 commit 2026-10-02 13:57:27 +08:00
style(viral-video): 分镜文案区域紧凑化,一屏展示更多镜头
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 1s
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 42s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m21s
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m39s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m51s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m59s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 3m9s
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 4m31s
CI/CD Pipeline / Validate - Style (pull_request) Successful in 4m45s
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 4m49s
AI Code Review / AI Code Review (pull_request) Successful in 6m41s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 58s
CI/CD Pipeline / Validate - Security (pull_request) Successful in 10m28s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
aa627da0d9
- vv-copy-box padding 14px→10px 12px,margin-top 12px→8px
- vv-storyboard 内边距 16px 4px→6px 2px
- vv-sb-doc gap 6px→3px,line-height 1.7→1.55
- vv-sb-h 段标题 margin 14px 0 6px→8px 0 3px
- vv-sb-kv 字段行 gap 6px→4px,line-height 1.7→1.55
- vv-sb-inline 内联编辑 padding 2px→1px
- vv-sb-doc-ta textarea min-height 48px→32px,padding 4px 6px→2px 4px,line-height 1.7→1.55
- vv-sb-doc-ta-sm min-height 32px→24px
- vv-sb-doc-shots 镜头间距 gap 14px→8px,margin-top 4px→2px
- vv-sb-doc-shot-head margin-bottom 2px→1px
- vv-sb-time-doc 时间标签 padding 收紧,字号14→13px
- vv-sb-ref-badge 参考图badge padding/gap收紧
- vv-sb-ref-thumb 参考图缩略图 36px→28px
- vv-sb-ref-opt 选图按钮 36px→28px
- vv-sb-taglist 标签区 gap 6px→4px,margin-top 4px→2px
- vv-sb-tag 标签 padding 3px 8px→2px 6px,gap 4px→3px
- vv-sb-vo 口播稿区 margin-top 6px→4px,padding 10px 12px→6px 10px,min-height 80px→44px
- vv-sb-actions 操作栏 margin-top 14px→8px,padding-top 12px→8px

颜色/字体/主题风格完全不变,只调间距和尺寸,让一屏能看到更多镜头内容。
xiaoxia reviewed 2026-10-02 13:57:33 +08:00
xiaoxia left a comment
Author
Owner

LGTM - 纯CSS间距调整,无颜色/字号变化

LGTM - 纯CSS间距调整,无颜色/字号变化
xiaoxia merged commit 347cc82ffa into develop 2026-10-02 13:57:37 +08:00
xiaoxia deleted branch fix/2041-storyboard-compact 2026-10-02 13:57:42 +08:00

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #2145 已关闭或合并,对应的预览环境已被清理。 > 如有需要,可以重新打开 PR 来重新生成预览环境。

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2145 | | 预览链接 | [https://pr-2145.preview.xiaoxiajianji.com](https://pr-2145.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
Sign in to join this conversation.