Fix: Center stat cards on ride detail page

This commit is contained in:
gpt-engineer-app[bot]
2025-10-10 12:06:56 +00:00
parent 7f2a3b8d44
commit 0772a14e93

View File

@@ -289,7 +289,7 @@ export default function RideDetail() {
{/* Quick Stats */} {/* Quick Stats */}
<div className="max-w-6xl mx-auto mb-8"> <div className="max-w-6xl mx-auto mb-8">
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 3xl:grid-cols-8 gap-3 lg:gap-4"> <div className="flex flex-wrap justify-center gap-3 lg:gap-4">
{ride.max_speed_kmh !== null && ride.max_speed_kmh !== undefined && ride.max_speed_kmh > 0 && ( {ride.max_speed_kmh !== null && ride.max_speed_kmh !== undefined && ride.max_speed_kmh > 0 && (
<Card> <Card>
<CardContent className="p-4 text-center"> <CardContent className="p-4 text-center">