mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-24 23:11:12 -05:00
Refactor: Improve desktop layout
This commit is contained in:
@@ -368,10 +368,11 @@ export default function ParkDetail() {
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="overview" className="mt-6">
|
||||
<div className="grid lg:grid-cols-3 gap-6">
|
||||
<div className="grid lg:grid-cols-[1fr,1fr,340px] xl:grid-cols-[1fr,1fr,380px] gap-6">
|
||||
{/* Main content - spans 2 columns on desktop */}
|
||||
<div className="lg:col-span-2 space-y-6">
|
||||
{/* Description */}
|
||||
{park.description && <Card>
|
||||
{park.description && <Card className="max-w-prose mx-auto lg:mx-0">
|
||||
<CardHeader>
|
||||
<CardTitle>About {park.name}</CardTitle>
|
||||
</CardHeader>
|
||||
@@ -413,7 +414,8 @@ export default function ParkDetail() {
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="space-y-6">
|
||||
{/* Sidebar - single column on desktop */}
|
||||
<div className="space-y-6 lg:row-span-2">
|
||||
{/* Park Information */}
|
||||
<Card>
|
||||
<CardHeader>
|
||||
|
||||
Reference in New Issue
Block a user