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

Refactor ride card text display

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:14:43 +00:00
parent 801e3a57f5
commit e6504c0951
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/ParkDetail.tsx
View File

@@ -444,24 +444,26 @@ export default function ParkDetail() {
</p> </p>
)} )}
{/* Stats */} {/* Stats - Only show for roller coasters */}
<div className="flex items-center gap-2 flex-wrap"> {ride.category === 'roller_coaster' && (
{ride.max_speed_kmh && ( <div className="flex items-center gap-2 flex-wrap">
<span className="bg-primary/10 text-primary px-2 py-1 rounded-md text-xs font-medium"> {ride.max_speed_kmh && (
<MeasurementDisplay value={ride.max_speed_kmh} type="speed" /> <span className="bg-primary/10 text-primary px-2 py-1 rounded-md text-xs font-medium">
</span> <MeasurementDisplay value={ride.max_speed_kmh} type="speed" />
)} </span>
{ride.max_height_meters && ( )}
<span className="bg-accent/10 text-accent px-2 py-1 rounded-md text-xs font-medium"> {ride.max_height_meters && (
<MeasurementDisplay value={ride.max_height_meters} type="distance" /> <span className="bg-accent/10 text-accent px-2 py-1 rounded-md text-xs font-medium">
</span> <MeasurementDisplay value={ride.max_height_meters} type="distance" />
)} </span>
{ride.inversions > 0 && ( )}
<span className="bg-secondary/10 text-secondary px-2 py-1 rounded-md text-xs font-medium"> {ride.inversions > 0 && (
{ride.inversions} inversions <span className="bg-secondary/10 text-secondary px-2 py-1 rounded-md text-xs font-medium">
</span> {ride.inversions} inversions
)} </span>
</div> )}
</div>
)}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>