Refactor: Adjust tab bar layout on mobile

This commit is contained in:
gpt-engineer-app[bot]
2025-10-02 13:36:31 +00:00
parent 15a1925093
commit 1aac247a44
6 changed files with 6 additions and 6 deletions

View File

@@ -212,7 +212,7 @@ export default function DesignerDetail() {
{/* Tabs */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-3">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>

View File

@@ -214,7 +214,7 @@ export default function ManufacturerDetail() {
{/* Tabs */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-3">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>

View File

@@ -212,7 +212,7 @@ export default function OperatorDetail() {
{/* Tabs */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-3">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="parks">Parks</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>

View File

@@ -406,7 +406,7 @@ export default function ParkDetail() {
{/* Main Content */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-4">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
<TabsTrigger value="reviews">Reviews</TabsTrigger>

View File

@@ -212,7 +212,7 @@ export default function PropertyOwnerDetail() {
{/* Tabs */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-3">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="parks">Parks</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>

View File

@@ -460,7 +460,7 @@ export default function RideDetail() {
{/* Main Content */}
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
<TabsList className="grid w-full grid-cols-4">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="specs">Specifications</TabsTrigger>
<TabsTrigger value="reviews">Reviews</TabsTrigger>