fix review ui

src/App.vue

@@ -504,7 +504,7 @@ watch(currentDir, (newPath) => {
       </div>
     </el-aside>
 
-    <el-main>
+    <el-main :class="{ 'review-active': activeMenu === 'review' }">
       <!-- Preparation Page -->
       <div v-if="activeMenu === 'preparation'">
         
@@ -575,7 +575,7 @@ watch(currentDir, (newPath) => {
       </div>
 
       <!-- 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
             v-if="isReviewDisabled"
@@ -586,7 +586,7 @@ watch(currentDir, (newPath) => {
             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 -->
             <div class="drag-area">
                 <el-icon class="el-icon--upload"><upload-filled /></el-icon>
@@ -609,9 +609,9 @@ watch(currentDir, (newPath) => {
             </div>
             
             <!-- 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>
-                 <el-scrollbar max-height="300px">
+                 <el-scrollbar style="flex: 1" class="history-scrollbar">
                     <ul class="history-list">
                         <li v-for="item in historyList" :key="item" @click="useHistoryItem(item)">
                             <span class="history-text">{{ item }}</span>
@@ -767,6 +767,8 @@ body {
     list-style: none;
     padding: 0;
     margin: 0;
+}
+.history-scrollbar {
     border: 1px solid var(--el-border-color);
     border-radius: 4px;
 }
@@ -841,4 +843,7 @@ body {
     text-align: center;
     margin-top: 20px;
 }
+.el-main.review-active {
+    padding: 20px;
+}
 </style>