From 1c409c9ef213347c25d6bce6ef935d22aa3e428d Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Thu, 24 Jul 2025 17:25:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E7=BC=A9=E7=95=A5=E5=9B=BE=E7=94=9F=E6=88=90=E5=99=A8=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=9B=BE=E6=A0=87=E5=8F=98=E5=BD=A2=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修正按钮类名，使用 'btn btn-primary' 而不是 'btn-primary'
- 确保按钮继承基础 .btn 类的布局样式（inline-flex, items-center, gap-2）
- 修复选择文件夹、开始生成、扫描并生成按钮的图标显示问题
- 移除重复的 flex items-center gap-2 类，使用 CSS 中定义的样式
---
 apps/desktop/src/pages/tools/BatchThumbnailGenerator.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/src/pages/tools/BatchThumbnailGenerator.tsx b/apps/desktop/src/pages/tools/BatchThumbnailGenerator.tsx
index 8f7ec29..1fdf40a 100644
--- a/apps/desktop/src/pages/tools/BatchThumbnailGenerator.tsx
+++ b/apps/desktop/src/pages/tools/BatchThumbnailGenerator.tsx
@@ -318,9 +318,9 @@ const BatchThumbnailGenerator: React.FC = () => {
                     <button
                       onClick={handleSelectFolder}
                       disabled={isScanning}
-                      className="btn-primary flex items-center gap-2"
+                      className="btn btn-primary"
                     >
-                      <FolderOpen className="w-4 h-4" />
+                      <FolderOpen className="w-4 h-4 flex-shrink-0" />
                       {isScanning ? '扫描中...' : '选择文件夹'}
                     </button>
                     
@@ -377,7 +377,7 @@ const BatchThumbnailGenerator: React.FC = () => {
                 <button
                   onClick={handleStartGeneration}
                   disabled={isGenerating || selectedVideos.length === 0}
-                  className="btn-primary flex items-center gap-2"
+                  className="btn btn-primary"
                 >
                   <Play className="w-4 h-4" />
                   {isGenerating ? '生成中...' : '开始生成'}
@@ -386,7 +386,7 @@ const BatchThumbnailGenerator: React.FC = () => {
                 <button
                   onClick={handleScanAndGenerate}
                   disabled={isGenerating || !selectedFolder}
-                  className="btn-secondary flex items-center gap-2"
+                  className="btn btn-secondary"
                 >
                   <RefreshCw className="w-4 h-4" />
                   扫描并生成