fix: 修复批量缩略图生成器按钮图标变形问题

- 修正按钮类名,使用 'btn btn-primary' 而不是 'btn-primary'
- 确保按钮继承基础 .btn 类的布局样式(inline-flex, items-center, gap-2)
- 修复选择文件夹、开始生成、扫描并生成按钮的图标显示问题
- 移除重复的 flex items-center gap-2 类,使用 CSS 中定义的样式
This commit is contained in:
imeepos 2025-07-24 17:25:41 +08:00
parent 93a6317052
commit 1c409c9ef2
1 changed files with 4 additions and 4 deletions

View File

@ -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" />