Refactor: Adjust tab grid layout

This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 14:08:59 +00:00
parent 9c95c6016c
commit 858dde526e

View File

@@ -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>