julian/review-videos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix review ui

Browse Source
This commit is contained in:
Julian Freeman
2025-12-07 22:17:17 -04:00
parent b6b87e5800
commit 920c7fab9c
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -504,7 +504,7 @@ watch(currentDir, (newPath) => {
</div> </div>
</el-aside> </el-aside>
<el-main> <el-main :class="{ 'review-active': activeMenu === 'review' }">
<!-- Preparation Page --> <!-- Preparation Page -->
<div v-if="activeMenu === 'preparation'"> <div v-if="activeMenu === 'preparation'">
@@ -575,7 +575,7 @@ watch(currentDir, (newPath) => {
</div> </div>
<!-- Review Page --> <!-- Review Page -->
<div v-else-if="activeMenu === 'review'"> <div v-else-if="activeMenu === 'review'" style="display: flex; flex-direction: column; height: 100%; overflow: hidden;">
<el-alert <el-alert
v-if="isReviewDisabled" v-if="isReviewDisabled"
@@ -586,7 +586,7 @@ watch(currentDir, (newPath) => {
style="margin-bottom: 20px" style="margin-bottom: 20px"
/> />
<div :class="{ 'disabled-area': isReviewDisabled }"> <div :class="{ 'disabled-area': isReviewDisabled }" style="display: flex; flex-direction: column; flex: 1; overflow: hidden;">
<!-- Drag Area --> <!-- Drag Area -->
<div class="drag-area"> <div class="drag-area">
<el-icon class="el-icon--upload"><upload-filled /></el-icon> <el-icon class="el-icon--upload"><upload-filled /></el-icon>
@@ -609,9 +609,9 @@ watch(currentDir, (newPath) => {
</div> </div>
<!-- History List --> <!-- History List -->
<div class="history-area" v-if="historyList.length > 0"> <div class="history-area" v-if="historyList.length > 0" style="display: flex; flex-direction: column; flex: 1; overflow: hidden; margin-bottom: 0px;">
<h4>历史记录 ({{ currentHistoryKey || '未关联目录' }})</h4> <h4>历史记录 ({{ currentHistoryKey || '未关联目录' }})</h4>
<el-scrollbar max-height="300px"> <el-scrollbar style="flex: 1" class="history-scrollbar">
<ul class="history-list"> <ul class="history-list">
<li v-for="item in historyList" :key="item" @click="useHistoryItem(item)"> <li v-for="item in historyList" :key="item" @click="useHistoryItem(item)">
<span class="history-text">{{ item }}</span> <span class="history-text">{{ item }}</span>
@@ -767,6 +767,8 @@ body {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
}
.history-scrollbar {
border: 1px solid var(--el-border-color); border: 1px solid var(--el-border-color);
border-radius: 4px; border-radius: 4px;
} }
@@ -841,4 +843,7 @@ body {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
} }
.el-main.review-active {
padding: 20px;
}
</style> </style>