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

Refactor: Optimize card density

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:22:24 +00:00
parent fc53015448
commit ebd0f0fd56
7 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/rides/RideCard.tsx
View File

@@ -55,7 +55,7 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
>
<div className="relative overflow-hidden">
{/* Image/Icon Section */}
<div className="aspect-[4/3] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 flex items-center justify-center relative">
<div className="aspect-[3/2] bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 flex items-center justify-center relative">
{(ride.card_image_url || ride.card_image_id || ride.image_url) ? (
<img
src={ride.card_image_url || getCloudflareImageUrl(ride.card_image_id, 'card') || ride.image_url}
@@ -69,7 +69,7 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
loading="lazy"
/>
) : (
<div className="opacity-50 flex items-center justify-center">
<div className="flex items-center justify-center w-12 h-12 text-muted-foreground/30">
{getRideIcon(ride.category)}
</div>
)}
@@ -85,10 +85,10 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
</Badge>
</div>
<CardContent className="p-4 space-y-3">
<CardContent className="p-3 space-y-2">
{/* Header */}
<div className="space-y-1">
<h3 className="font-bold text-lg group-hover:text-primary transition-colors line-clamp-2 min-h-[3.5rem]">
<h3 className="font-bold text-base group-hover:text-primary transition-colors line-clamp-2">
{ride.name}
</h3>