Refactor: Optimize desktop layout for entity pages

This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 15:59:22 +00:00
parent cb1ef6c177
commit 28f83b9c0f
11 changed files with 23 additions and 21 deletions

View File

@@ -290,7 +290,8 @@ export default function RideDetail() {
</div>
{/* Quick Stats */}
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4 mb-8">
<div className="max-w-7xl mx-auto mb-8">
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
{ride.max_speed_kmh && (
<Card>
<CardContent className="p-4 text-center">
@@ -378,6 +379,7 @@ export default function RideDetail() {
</Card>
)}
</div>
</div>
{/* Main Content */}
@@ -391,8 +393,8 @@ export default function RideDetail() {
</TabsList>
<TabsContent value="overview" className="mt-6">
<div className="grid lg:grid-cols-3 gap-6">
<div className="lg:col-span-2 space-y-6">
<div className="grid lg:grid-cols-2 gap-6">
<div className="space-y-6">
{/* Description */}
{ride.description && (
<Card>