pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 11:51:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Optimize detail pages for desktop

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 16:29:23 +00:00
parent aeaf4bdd24
commit 522802f005
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/rides/SimilarRides.tsx
View File

@@ -79,7 +79,7 @@ export function SimilarRides({ currentRideId, parkId, parkSlug, category }: Simi
<CardTitle>Similar Rides You Might Enjoy</CardTitle> <CardTitle>Similar Rides You Might Enjoy</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 lg:gap-5 xl:gap-4">
{rides.map((ride) => ( {rides.map((ride) => (
<RideCard <RideCard
key={ride.id} key={ride.id}

2
src/pages/OperatorDetail.tsx
View File

@@ -298,7 +298,7 @@ export default function OperatorDetail() {
))} ))}
</div> </div>
) : parks.length > 0 ? ( ) : parks.length > 0 ? (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 3xl:grid-cols-7 gap-4 lg:gap-5 xl:gap-4 2xl:gap-5">
{parks.map((park) => ( {parks.map((park) => (
<ParkCard key={park.id} park={park} /> <ParkCard key={park.id} park={park} />
))} ))}

2
src/pages/ParkDetail.tsx
View File

@@ -388,7 +388,7 @@ export default function ParkDetail() {
<CardTitle>Featured Rides</CardTitle> <CardTitle>Featured Rides</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="grid sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-4"> <div className="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 lg:gap-5 xl:gap-4">
{rides.slice(0, 4).map(ride => ( {rides.slice(0, 4).map(ride => (
<RideCard <RideCard
key={ride.id} key={ride.id}

2
src/pages/PropertyOwnerDetail.tsx
View File

@@ -298,7 +298,7 @@ export default function PropertyOwnerDetail() {
))} ))}
</div> </div>
) : parks.length > 0 ? ( ) : parks.length > 0 ? (
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 3xl:grid-cols-7 gap-4 lg:gap-5 xl:gap-4 2xl:gap-5">
{parks.map((park) => ( {parks.map((park) => (
<ParkCard key={park.id} park={park} /> <ParkCard key={park.id} park={park} />
))} ))}

2
src/pages/RideDetail.tsx
View File

@@ -291,7 +291,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-4 xl:grid-cols-5 2xl:grid-cols-6 gap-4"> <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">
{ride.max_speed_kmh && ( {ride.max_speed_kmh && (
<Card> <Card>
<CardContent className="p-4 text-center"> <CardContent className="p-4 text-center">