# 分镜插入按钮样式优化 ## 问题描述 分镜描述面板中的"插入新分镜"按钮在常态下描边颜色不够明显,影响用户识别。 ## 修复内容 ### 修改文件 - `client/src/components/features/storyboard/StoryboardDescPanel.tsx` ### 具体修改 1. **常态描边色优化** - 原样式:`border-dashed` - 新样式:`border-dashed border-primary/60` - 使用主紫色60%透明度作为描边色 2. **hover状态增强** - 描边:`hover:border-primary` (完全不透明的主紫色) - 背景:`hover:bg-primary/10` (10%透明度的主紫色背景) ### 最终效果 - **常态**:紫色虚线描边(60%透明度)+ 透明背景 - **hover**:紫色实线描边(完全不透明)+ 淡紫色背景(10%透明度) ## 技术细节 - 使用Tailwind CSS的透明度修饰符 - 保持了原有的虚线样式设计语言 - 符合项目的紫色主题配色方案 ## 修复时间 2026-01-12