From ca8f086c93a913376270975bd8bda3623b90a02d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E6=B6=9B?= <work@pandorastudio.cn>
Date: Tue, 16 Sep 2025 20:52:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E9=A2=84=E8=A7=88=E6=A1=86=E4=BF=A1=E6=81=AF=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HistoryPanel.tsx | 50 +++++++++------------------------
 1 file changed, 14 insertions(+), 36 deletions(-)

diff --git a/src/components/HistoryPanel.tsx b/src/components/HistoryPanel.tsx
index 968600c..52b7c2e 100644
--- a/src/components/HistoryPanel.tsx
+++ b/src/components/HistoryPanel.tsx
@@ -298,7 +298,7 @@ export const HistoryPanel: React.FC = () => {
             <p className="text-xs text-gray-400">暂无历史记录</p>
           </div>
         ) : (
-          <div className="grid grid-cols-3 gap-1.5 max-h-72 relative">
+          <div className="grid grid-cols-3 gap-1.5 max-h-72 relative overflow-y-scroll">
             {/* 显示生成记录 */}
             {[...filteredGenerations].sort((a, b) => b.timestamp - a.timestamp).slice(0, 50).map((generation, index) => (
               <div
@@ -346,8 +346,8 @@ export const HistoryPanel: React.FC = () => {
                       });
                       
                       // 计算预览位置，确保不超出屏幕边界
-                      const previewWidth = 300;
-                      const previewHeight = 300;
+                      const previewWidth = 500;
+                      const previewHeight = 500;
                       const offsetX = 10;
                       const offsetY = 10;
                       
@@ -400,8 +400,8 @@ export const HistoryPanel: React.FC = () => {
                       });
                       
                       // 计算预览位置
-                      const previewWidth = 300;
-                      const previewHeight = 300;
+                      const previewWidth = 500;
+                      const previewHeight = 500;
                       const offsetX = 10;
                       const offsetY = 10;
                       
@@ -440,8 +440,8 @@ export const HistoryPanel: React.FC = () => {
                 }}
                 onMouseMove={(e) => {
                   // 调整预览位置以避免被遮挡
-                  const previewWidth = 300;
-                  const previewHeight = 300;
+                  const previewWidth = 500;
+                  const previewHeight = 500;
                   const offsetX = 10;
                   const offsetY = 10;
                   
@@ -558,8 +558,8 @@ export const HistoryPanel: React.FC = () => {
                       });
                       
                       // 计算预览位置，确保不超出屏幕边界
-                      const previewWidth = 300;
-                      const previewHeight = 300;
+                      const previewWidth = 500;
+                      const previewHeight = 500;
                       const offsetX = 10;
                       const offsetY = 10;
                       
@@ -605,8 +605,8 @@ export const HistoryPanel: React.FC = () => {
                       });
                       
                       // 计算预览位置
-                      const previewWidth = 300;
-                      const previewHeight = 300;
+                      const previewWidth = 500;
+                      const previewHeight = 500;
                       const offsetX = 10;
                       const offsetY = 10;
                       
@@ -649,8 +649,8 @@ export const HistoryPanel: React.FC = () => {
                 }}
                 onMouseMove={(e) => {
                   // 调整预览位置以避免被遮挡
-                  const previewWidth = 300;
-                  const previewHeight = 300;
+                  const previewWidth = 500;
+                  const previewHeight = 500;
                   const offsetX = 10;
                   const offsetY = 10;
                   
@@ -942,28 +942,6 @@ export const HistoryPanel: React.FC = () => {
           }
         })()}
       </div>
-
-      {/* 测试按钮 - 用于调试 */}
-      <div className="mb-2">
-        <Button 
-          variant="outline" 
-          size="sm" 
-          className="w-full h-8 text-xs card"
-          onClick={() => {
-            // 测试悬浮预览功能
-            setHoveredImage({
-              url: 'https://images.unsplash.com/photo-1501854140801-50d01698950b?w=200',
-              title: '测试图像',
-              width: 200,
-              height: 200,
-              size: 102400
-            });
-            setPreviewPosition({x: 100, y: 100});
-          }}
-        >
-          测试悬浮预览
-        </Button>
-      </div>
       
       {/* 操作 */}
       <div className="space-y-2 flex-shrink-0 pt-2 border-t border-gray-100">
@@ -1053,7 +1031,7 @@ export const HistoryPanel: React.FC = () => {
                 <span className="text-gray-800">{hoveredImage.width} × {hoveredImage.height}</span>
               </div>
             )}
-            {hoveredImage.size && (
+            {hoveredImage.size > 0 && (
               <div className="flex justify-between text-gray-600 mt-1">
                 <span>大小:</span>
                 <span className="text-gray-800">{Math.round(hoveredImage.size / 1024)} KB</span>