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

This commit is contained in:
2026-01-26 17:50:06 +08:00
parent bb51b4e6c5
commit 678aa004b8
4 changed files with 44 additions and 23 deletions

View File

@@ -65,15 +65,15 @@ function Home() {
<CardHeader>
<Tabs value={currentTab} onValueChange={setCurrentTab}>
<TabsList className="grid w-full grid-cols-3 h-9">
<TabsTrigger value="custom-voice">
<TabsTrigger value="custom-voice" variant="default">
<User className="h-4 w-4 md:mr-2" />
<span className="hidden md:inline"></span>
</TabsTrigger>
<TabsTrigger value="voice-design">
<TabsTrigger value="voice-design" variant="secondary">
<Palette className="h-4 w-4 md:mr-2" />
<span className="hidden md:inline"></span>
</TabsTrigger>
<TabsTrigger value="voice-clone">
<TabsTrigger value="voice-clone" variant="outline">
<Copy className="h-4 w-4 md:mr-2" />
<span className="hidden md:inline"></span>
</TabsTrigger>