From 10b33ebb4fa076743341fe41b9c4fb8a6f348f49 Mon Sep 17 00:00:00 2001
From: Minidoracat <minidora0702@gmail.com>
Date: Sat, 31 May 2025 05:37:36 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=E8=AA=BF=E6=95=B4=E5=9C=96?=
 =?UTF-8?q?=E7=89=87=E4=B8=8A=E5=82=B3=E4=BB=8B=E9=9D=A2=EF=BC=8C=E5=B0=87?=
 =?UTF-8?q?=E7=8B=80=E6=85=8B=E6=A8=99=E7=B1=A4=E7=A7=BB=E8=87=B3=E9=A0=90?=
 =?UTF-8?q?=E8=A6=BD=E5=8D=80=E5=9F=9F=E5=89=8D=E9=9D=A2=EF=BC=8C=E4=B8=A6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=A0=90=E8=A6=BD=E5=8D=80=E5=9F=9F=E7=9A=84?=
 =?UTF-8?q?=E6=9C=80=E5=B0=8F=E5=8F=8A=E6=9C=80=E5=A4=A7=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=EF=BC=8C=E4=BB=A5=E6=94=B9=E5=96=84=E4=BD=BF=E7=94=A8=E8=80=85?=
 =?UTF-8?q?=E9=AB=94=E9=A9=97=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mcp_feedback_enhanced/feedback_ui.py          | 14 +++++++-------
 src/mcp_feedback_enhanced/templates/feedback.html |  7 +++++--
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/mcp_feedback_enhanced/feedback_ui.py b/src/mcp_feedback_enhanced/feedback_ui.py
index a83940d..ffb9e2b 100644
--- a/src/mcp_feedback_enhanced/feedback_ui.py
+++ b/src/mcp_feedback_enhanced/feedback_ui.py
@@ -169,13 +169,13 @@ class ImageUploadWidget(QWidget):
         # 拖拽區域
         self._create_drop_zone(layout)
         
+        # 狀態標籤 - 移到預覽區域前面
+        self.status_label = QLabel("已選擇 0 張圖片")
+        self.status_label.setStyleSheet("color: #9e9e9e; font-size: 10px; margin: 5px 0;")
+        layout.addWidget(self.status_label)
+        
         # 圖片預覽區域
         self._create_preview_area(layout)
-        
-        # 狀態標籤
-        self.status_label = QLabel("已選擇 0 張圖片")
-        self.status_label.setStyleSheet("color: #9e9e9e; font-size: 10px;")
-        layout.addWidget(self.status_label)
     
     def _create_buttons(self, layout: QVBoxLayout) -> None:
         """創建操作按鈕"""
@@ -243,8 +243,8 @@ class ImageUploadWidget(QWidget):
         self.preview_scroll.setWidget(self.preview_widget)
         self.preview_scroll.setVerticalScrollBarPolicy(Qt.ScrollBarAsNeeded)
         self.preview_scroll.setHorizontalScrollBarPolicy(Qt.ScrollBarAsNeeded)
-        self.preview_scroll.setMinimumHeight(70)
-        self.preview_scroll.setMaximumHeight(180)
+        self.preview_scroll.setMinimumHeight(100)  # 增加最小高度
+        self.preview_scroll.setMaximumHeight(250)  # 增加最大高度
         self.preview_scroll.setWidgetResizable(True)
         self.preview_scroll.setStyleSheet("""
             QScrollArea {
diff --git a/src/mcp_feedback_enhanced/templates/feedback.html b/src/mcp_feedback_enhanced/templates/feedback.html
index 8b32bed..e65ef6e 100644
--- a/src/mcp_feedback_enhanced/templates/feedback.html
+++ b/src/mcp_feedback_enhanced/templates/feedback.html
@@ -289,6 +289,8 @@
 
         .image-preview-area {
             flex: 1;
+            min-height: 120px;
+            max-height: 300px;
             overflow-y: auto;
             border: 1px solid var(--border-color);
             border-radius: 6px;
@@ -341,7 +343,8 @@
         .image-status {
             color: var(--text-secondary);
             font-size: 11px;
-            margin-top: 10px;
+            margin-top: 8px;
+            margin-bottom: 10px;
         }
 
         /* ===== 命令分頁樣式 ===== */
@@ -516,8 +519,8 @@
                     <div class="drop-zone" id="dropZone">
                         🎯 拖拽圖片到這裡 (PNG、JPG、JPEG、GIF、BMP、WebP)
                     </div>
-                    <div class="image-preview-area" id="imagePreviewArea"></div>
                     <div class="image-status" id="imageStatus">已選擇 0 張圖片</div>
+                    <div class="image-preview-area" id="imagePreviewArea"></div>
                 </div>
             </div>