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

Fix long ride and park names

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:41:23 +00:00
parent aaee8147e4
commit cce478ae32
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -102,17 +102,17 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
<CardContent className="p-2.5 space-y-1.5 border-t border-border/30">
{/* Header */}
<div className="space-y-0.5">
<h3 className="font-bold text-base group-hover:text-primary transition-colors line-clamp-2 group-hover:drop-shadow-[0_0_8px_rgba(var(--primary),0.5)] transition-all duration-300">
<div className="space-y-0.5 min-w-0">
<h3 className="font-bold text-base group-hover:text-primary transition-colors line-clamp-2 break-words group-hover:drop-shadow-[0_0_8px_rgba(var(--primary),0.5)] transition-all duration-300">
{ride.name}
</h3>
{showParkName && ride.park?.name && (
<Badge className="inline-flex items-center gap-1.5 px-2.5 py-1 bg-background/80 backdrop-blur-md border-border/50 text-foreground shadow-lg shadow-primary/10 hover:shadow-xl hover:shadow-primary/20 hover:border-primary/50 transition-all duration-300 group/badge max-w-[200px]">
<div className="w-4 h-4 rounded-full bg-gradient-to-br from-primary to-primary/50 flex items-center justify-center shadow-sm group-hover/badge:scale-110 transition-transform">
<Badge className="inline-flex items-center gap-1.5 px-2.5 py-1 bg-background/80 backdrop-blur-md border-border/50 text-foreground shadow-lg shadow-primary/10 hover:shadow-xl hover:shadow-primary/20 hover:border-primary/50 transition-all duration-300 group/badge max-w-[calc(100%-1rem)]">
<div className="w-4 h-4 rounded-full bg-gradient-to-br from-primary to-primary/50 flex items-center justify-center shadow-sm group-hover/badge:scale-110 transition-transform flex-shrink-0">
<MapPin className="w-2.5 h-2.5 text-primary-foreground" />
</div>
<span className="font-medium truncate text-xs">
<span className="font-medium truncate text-xs min-w-0">
{ride.park.name}
</span>
</Badge>