Refactor tab styling

This commit is contained in:
gpt-engineer-app[bot]
2025-09-20 12:12:24 +00:00
parent d41fb4e297
commit 2488383406

View File

@@ -234,7 +234,7 @@ export function ContentTabs() {
<div className="container mx-auto px-4">
<Tabs defaultValue="popular-parks" className="w-full">
<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-2 bg-card border border-border/50 rounded-lg shadow-sm">
<TabsList className="grid w-full max-w-4xl mx-auto grid-cols-3 md:grid-cols-6 h-auto p-2 bg-gradient-to-r from-primary/10 via-secondary/10 to-accent/10 border border-primary/20 rounded-xl shadow-lg backdrop-blur-sm">
<TabsTrigger value="popular-parks" className="text-xs md:text-sm px-2 py-3">
Popular Parks
</TabsTrigger>