Refactor tab triggers

This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 12:09:45 +00:00
parent dbe547bb05
commit f979401a13

View File

@@ -236,28 +236,22 @@ export function ContentTabs() {
<div className="text-center mb-8"> <div className="text-center mb-8">
<TabsList className="grid w-full max-w-4xl mx-auto grid-cols-3 md:grid-cols-6 h-auto p-1 bg-muted/50"> <TabsList className="grid w-full max-w-4xl mx-auto grid-cols-3 md:grid-cols-6 h-auto p-1 bg-muted/50">
<TabsTrigger value="popular-parks" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="popular-parks" className="text-xs md:text-sm px-2 py-3">
<Star className="w-4 h-4 mr-1" /> Popular Parks
<span className="hidden sm:inline">Popular </span>Parks
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="trending-parks" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="trending-parks" className="text-xs md:text-sm px-2 py-3">
<TrendingUp className="w-4 h-4 mr-1" /> Trending Parks
<span className="hidden sm:inline">Trending </span>Parks
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="popular-rides" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="popular-rides" className="text-xs md:text-sm px-2 py-3">
<Star className="w-4 h-4 mr-1" /> Popular Rides
<span className="hidden sm:inline">Popular </span>Rides
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="trending-rides" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="trending-rides" className="text-xs md:text-sm px-2 py-3">
<TrendingUp className="w-4 h-4 mr-1" /> Trending Rides
<span className="hidden sm:inline">Trending </span>Rides
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="recent-parks" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="recent-parks" className="text-xs md:text-sm px-2 py-3">
<Plus className="w-4 h-4 mr-1" /> New Parks
<span className="hidden sm:inline">New </span>Parks
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="recent-rides" className="text-xs md:text-sm px-2 py-3"> <TabsTrigger value="recent-rides" className="text-xs md:text-sm px-2 py-3">
<Plus className="w-4 h-4 mr-1" /> New Rides
<span className="hidden sm:inline">New </span>Rides
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
</div> </div>