style(tabs.stories):lint

This commit is contained in:
MyPrototypeWhat 2025-11-21 17:26:14 +08:00
parent 53883a27be
commit 9a356cb27d

View File

@ -87,33 +87,19 @@ export const LineStyle: Story = {
// Vertical // Vertical
export const Vertical: Story = { export const Vertical: Story = {
render: () => ( render: () => (
<Tabs <Tabs defaultValue="music" orientation="vertical" variant="line" className="w-[400px]">
defaultValue="music"
orientation="vertical"
variant="line"
className="w-[400px]"
>
<TabsList className="w-[120px]"> <TabsList className="w-[120px]">
<TabsTrigger value="music">Music</TabsTrigger> <TabsTrigger value="music">Music</TabsTrigger>
<TabsTrigger value="podcasts">Podcasts</TabsTrigger> <TabsTrigger value="podcasts">Podcasts</TabsTrigger>
<TabsTrigger value="live">Live</TabsTrigger> <TabsTrigger value="live">Live</TabsTrigger>
</TabsList> </TabsList>
<TabsContent <TabsContent value="music" className="flex-1 p-4 border rounded-md bg-muted/10 mt-0">
value="music"
className="flex-1 p-4 border rounded-md bg-muted/10 mt-0"
>
Music content Music content
</TabsContent> </TabsContent>
<TabsContent <TabsContent value="podcasts" className="flex-1 p-4 border rounded-md bg-muted/10 mt-0">
value="podcasts"
className="flex-1 p-4 border rounded-md bg-muted/10 mt-0"
>
Podcasts content Podcasts content
</TabsContent> </TabsContent>
<TabsContent <TabsContent value="live" className="flex-1 p-4 border rounded-md bg-muted/10 mt-0">
value="live"
className="flex-1 p-4 border rounded-md bg-muted/10 mt-0"
>
Live content Live content
</TabsContent> </TabsContent>
</Tabs> </Tabs>