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

Reverted to commit cb1ef6c177

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 16:12:02 +00:00
parent 88901a7f20
commit 590d4ede52
12 changed files with 117 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -64,7 +64,7 @@ export const CoasterStatistics = ({ statistics }: CoasterStatisticsProps) => {
<h3 className="text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide">
{category}
</h3>
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3">
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{stats
.sort((a, b) => a.display_order - b.display_order)
.map((stat) => (

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

@@ -66,7 +66,7 @@ export function RecentPhotosPreview({ rideId, onViewAll }: RecentPhotosPreviewPr
</CardTitle>
</CardHeader>
<CardContent>
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-3">
<div className="grid grid-cols-2 md:grid-cols-4 gap-3">
{photos.map((photo) => (
<div
key={photo.id}

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

@@ -10,10 +10,9 @@ interface RideCardProps {
showParkName?: boolean;
className?: string;
parkSlug?: string;
compact?: boolean;
}
export function RideCard({ ride, showParkName = true, className, parkSlug, compact = false }: RideCardProps) {
export function RideCard({ ride, showParkName = true, className, parkSlug }: RideCardProps) {
const navigate = useNavigate();
const handleRideClick = () => {
@@ -50,12 +49,12 @@ export function RideCard({ ride, showParkName = true, className, parkSlug, compa
return (
<Card
className={`group overflow-hidden border-border/50 bg-gradient-to-br from-card via-card to-card/80 hover:shadow-2xl hover:shadow-primary/20 transition-all duration-300 cursor-pointer hover:scale-[1.02] ${compact ? 'max-w-sm' : ''} ${className}`}
className={`group overflow-hidden border-border/50 bg-gradient-to-br from-card via-card to-card/80 hover:shadow-2xl hover:shadow-primary/20 transition-all duration-300 cursor-pointer hover:scale-[1.02] ${className}`}
onClick={handleRideClick}
>
<div className="relative overflow-hidden">
{/* Image/Icon Section */}
<div className={`bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 flex items-center justify-center relative ${compact ? 'aspect-[4/3]' : 'aspect-video'}`}>
<div className="aspect-video 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 || (ride.card_image_id ? `https://imagedelivery.net/X-2-mmiWukWxvAQQ2_o-7Q/${ride.card_image_id}/public` : ride.image_url)}
@@ -79,7 +78,7 @@ export function RideCard({ ride, showParkName = true, className, parkSlug, compa
</Badge>
</div>
<CardContent className={`space-y-3 ${compact ? 'p-3' : 'p-4'}`}>
<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">

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

@@ -62,7 +62,7 @@ export function RideHighlights({ ride }: RideHighlightsProps) {
<CardTitle>Ride Highlights</CardTitle>
</CardHeader>
<CardContent>
<div className="max-w-4xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-4">
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
{highlights.map((highlight, index) => (
<div key={index} className="flex flex-col items-center text-center p-4 rounded-lg bg-accent/50">
<div className="mb-2">{highlight.icon}</div>

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>
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-4">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
{rides.map((ride) => (
<RideCard
key={ride.id}

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

@@ -71,7 +71,7 @@ export const TechnicalSpecifications = ({ specifications }: TechnicalSpecificati
<h3 className="text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide">
{category}
</h3>
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3">
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{specs
.sort((a, b) => a.display_order - b.display_order)
.map((spec) => (