fix: 修复批量缩略图生成器按钮图标变形问题
- 修正按钮类名,使用 'btn btn-primary' 而不是 'btn-primary' - 确保按钮继承基础 .btn 类的布局样式(inline-flex, items-center, gap-2) - 修复选择文件夹、开始生成、扫描并生成按钮的图标显示问题 - 移除重复的 flex items-center gap-2 类,使用 CSS 中定义的样式
This commit is contained in:
parent
93a6317052
commit
1c409c9ef2
|
|
@ -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" />
|
||||
扫描并生成
|
||||
|
|
|
|||
Loading…
Reference in New Issue