Refactor TabsTrigger component to utilize variant props for improved styling and consistency in Home page

2026-01-26 17:50:06 +08:00
parent bb51b4e6c5
commit 678aa004b8
4 changed files with 44 additions and 23 deletions
--- a/qwen3-tts-frontend/src/components/HistoryItem.tsx
+++ b/qwen3-tts-frontend/src/components/HistoryItem.tsx
@@ -124,9 +124,9 @@ const HistoryItem = memo(({ job, onDelete, onLoadParams }: HistoryItemProps) =>
        <AlertDialog>
          <AlertDialogTrigger asChild>
            <Button
-              variant="destructive"
+              variant="ghost"
              size="sm"
-              className="min-h-[44px] md:min-h-[36px]"
+              className="min-h-[44px] md:min-h-[36px] text-muted-foreground hover:[&_svg]:text-destructive"
            >
              <Trash2 className="w-4 h-4" />
            </Button>