mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-21 18:11:12 -05:00
Refactor: Adjust tab grid layout
This commit is contained in:
@@ -376,7 +376,7 @@ export function ContentTabs() {
|
||||
<div className="container mx-auto px-4">
|
||||
<Tabs defaultValue="trending-parks" className="w-full">
|
||||
<div className="text-center mb-8">
|
||||
<TabsList className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-2 p-3 bg-muted/30 rounded-lg max-w-7xl mx-auto">
|
||||
<TabsList className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 p-3 bg-muted/30 rounded-lg max-w-5xl mx-auto">
|
||||
<TabsTrigger value="trending-parks" className="px-4 py-2.5 text-sm font-medium rounded-full data-[state=active]:bg-primary data-[state=active]:text-primary-foreground hover:bg-muted/50 transition-colors text-center">
|
||||
Trending Parks
|
||||
</TabsTrigger>
|
||||
@@ -407,7 +407,7 @@ export function ContentTabs() {
|
||||
<TabsTrigger value="closing-soon" className="px-4 py-2.5 text-sm font-medium rounded-full data-[state=active]:bg-primary data-[state=active]:text-primary-foreground hover:bg-muted/50 transition-colors text-center">
|
||||
Closing Soon
|
||||
</TabsTrigger>
|
||||
<TabsTrigger value="recently-closed" className="px-4 py-2.5 text-sm font-medium rounded-full data-[state=active]:bg-primary data-[state=active]:text-primary-foreground hover:bg-muted/50 transition-colors text-center lg:col-span-6">
|
||||
<TabsTrigger value="recently-closed" className="px-4 py-2.5 text-sm font-medium rounded-full data-[state=active]:bg-primary data-[state=active]:text-primary-foreground hover:bg-muted/50 transition-colors text-center">
|
||||
Recently Closed
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
Reference in New Issue
Block a user