Refactor: Improve desktop layout

This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 16:03:35 +00:00
parent 28f83b9c0f
commit b22d74c381
4 changed files with 30 additions and 23 deletions

View File

@@ -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>