mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-22 19:31:12 -05:00
Refactor: Adjust tab bar layout on mobile
This commit is contained in:
@@ -212,7 +212,7 @@ export default function DesignerDetail() {
|
|||||||
|
|
||||||
{/* Tabs */}
|
{/* Tabs */}
|
||||||
<Tabs defaultValue="overview" className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="rides">Rides</TabsTrigger>
|
<TabsTrigger value="rides">Rides</TabsTrigger>
|
||||||
<TabsTrigger value="photos">Photos</TabsTrigger>
|
<TabsTrigger value="photos">Photos</TabsTrigger>
|
||||||
|
|||||||
@@ -214,7 +214,7 @@ export default function ManufacturerDetail() {
|
|||||||
|
|
||||||
{/* Tabs */}
|
{/* Tabs */}
|
||||||
<Tabs defaultValue="overview" className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="rides">Rides</TabsTrigger>
|
<TabsTrigger value="rides">Rides</TabsTrigger>
|
||||||
<TabsTrigger value="photos">Photos</TabsTrigger>
|
<TabsTrigger value="photos">Photos</TabsTrigger>
|
||||||
|
|||||||
@@ -212,7 +212,7 @@ export default function OperatorDetail() {
|
|||||||
|
|
||||||
{/* Tabs */}
|
{/* Tabs */}
|
||||||
<Tabs defaultValue="overview" className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="parks">Parks</TabsTrigger>
|
<TabsTrigger value="parks">Parks</TabsTrigger>
|
||||||
<TabsTrigger value="photos">Photos</TabsTrigger>
|
<TabsTrigger value="photos">Photos</TabsTrigger>
|
||||||
|
|||||||
@@ -406,7 +406,7 @@ export default function ParkDetail() {
|
|||||||
|
|
||||||
{/* Main Content */}
|
{/* Main Content */}
|
||||||
<Tabs defaultValue="overview" className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
|
<TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
|
||||||
<TabsTrigger value="reviews">Reviews</TabsTrigger>
|
<TabsTrigger value="reviews">Reviews</TabsTrigger>
|
||||||
|
|||||||
@@ -212,7 +212,7 @@ export default function PropertyOwnerDetail() {
|
|||||||
|
|
||||||
{/* Tabs */}
|
{/* Tabs */}
|
||||||
<Tabs defaultValue="overview" className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="parks">Parks</TabsTrigger>
|
<TabsTrigger value="parks">Parks</TabsTrigger>
|
||||||
<TabsTrigger value="photos">Photos</TabsTrigger>
|
<TabsTrigger value="photos">Photos</TabsTrigger>
|
||||||
|
|||||||
@@ -460,7 +460,7 @@ export default function RideDetail() {
|
|||||||
|
|
||||||
{/* Main Content */}
|
{/* Main Content */}
|
||||||
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
|
<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="overview">Overview</TabsTrigger>
|
||||||
<TabsTrigger value="specs">Specifications</TabsTrigger>
|
<TabsTrigger value="specs">Specifications</TabsTrigger>
|
||||||
<TabsTrigger value="reviews">Reviews</TabsTrigger>
|
<TabsTrigger value="reviews">Reviews</TabsTrigger>
|
||||||
|
|||||||
Reference in New Issue
Block a user