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

Refactor: Standardize card and grid layouts

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

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

@@ -85,10 +85,10 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
</Badge>
</div>
<CardContent className="p-3 lg:p-3 xl:p-3.5 2xl:p-3 space-y-2 lg:space-y-2 xl:space-y-2.5">
<CardContent className="p-4 space-y-3">
{/* Header */}
<div className="space-y-1">
<h3 className="font-bold text-lg group-hover:text-primary transition-colors line-clamp-1">
<h3 className="font-bold text-lg group-hover:text-primary transition-colors line-clamp-2 min-h-[3.5rem]">
{ride.name}
</h3>

4
src/components/rides/RideModelCard.tsx
View File

@@ -42,7 +42,7 @@ export function RideModelCard({ model, manufacturerSlug }: RideModelCardProps) {
return (
<Card className="overflow-hidden hover:shadow-lg transition-shadow cursor-pointer group">
<div
className="aspect-video bg-gradient-to-br from-primary/10 via-secondary/10 to-accent/10 relative overflow-hidden"
className="aspect-[4/3] bg-gradient-to-br from-primary/10 via-secondary/10 to-accent/10 relative overflow-hidden"
>
{(cardImageUrl || cardImageId) ? (
<img
@@ -64,7 +64,7 @@ export function RideModelCard({ model, manufacturerSlug }: RideModelCardProps) {
</div>
<CardContent className="p-4 space-y-3">
<h3 className="font-semibold text-lg line-clamp-1 group-hover:text-primary transition-colors">
<h3 className="font-semibold text-lg line-clamp-2 min-h-[3.5rem] group-hover:text-primary transition-colors">
{model.name}
</h3>