let5see/huobao-drama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 适配深色浅色

Browse Source
This commit is contained in:
kongweigen
2026-01-20 18:52:45 +08:00
parent 94507ab80b
commit 4f4af7f868
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/views/drama/ProfessionalEditor.vue
View File

@@ -362,13 +362,12 @@
style="max-height: 280px; overflow-y: auto; overflow-x: hidden;"> style="max-height: 280px; overflow-y: auto; overflow-x: hidden;">
<!-- 上一镜头尾帧推荐（紧凑版） --> <!-- 上一镜头尾帧推荐（紧凑版） -->
<div v-if="previousStoryboardLastFrames.length > 0" <div v-if="previousStoryboardLastFrames.length > 0" class="previous-frame-section">
style="margin-bottom: 12px; padding: 8px; background: #1a1a2e; border: 1px solid #4a4a6a; border-radius: 6px;">
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;"> <div style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;">
<el-tag size="small" type="primary"> <el-tag size="small" type="primary">
上一镜头 #{{ previousStoryboard?.storyboard_number }} 尾帧 上一镜头 #{{ previousStoryboard?.storyboard_number }} 尾帧
</el-tag> </el-tag>
<span style="color: #aaa; font-size: 11px;">点击添加为首帧参考</span> <span class="hint-text">点击添加为首帧参考</span>
</div> </div>
<div style="display: flex; gap: 8px; flex-wrap: wrap;"> <div style="display: flex; gap: 8px; flex-wrap: wrap;">
<div v-for="img in previousStoryboardLastFrames" :key="'prev-' + img.id" <div v-for="img in previousStoryboardLastFrames" :key="'prev-' + img.id"
@@ -4043,6 +4042,19 @@ onBeforeUnmount(() => {
} }
} }
.previous-frame-section {
margin-bottom: 12px;
padding: 8px;
background: var(--bg-secondary);
border: 1px solid var(--border-primary);
border-radius: 6px;
.hint-text {
color: var(--text-muted);
font-size: 11px;
}
}
.reference-grid { .reference-grid {
display: grid !important; display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; grid-template-columns: repeat(4, 1fr) !important;