Fix: Center tabs in last row

This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 14:13:16 +00:00
parent 858dde526e
commit 51b859ad65

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 gap-2 p-3 bg-muted/30 rounded-lg max-w-5xl 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 justify-items-center">
<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>