Refactor: Optimize desktop max-widths

This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 16:15:36 +00:00
parent 590d4ede52
commit bc8cb18172
11 changed files with 40 additions and 26 deletions

View File

@@ -192,7 +192,7 @@ export default function RideDetail() {
<div className="min-h-screen bg-background">
<Header />
<main className="container mx-auto px-4 py-8">
<main className="container mx-auto px-4 py-8 max-w-7xl">
{/* Back Button and Edit Button */}
<div className="flex items-center justify-between mb-6">
<Button
@@ -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-6xl mx-auto mb-8">
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl: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 */}