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

Refactor: Redesign park detail page

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:07:33 +00:00
parent 4f8b6ae1a1
commit efaec2e1c8
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ParkDetail.tsx
View File

@@ -278,17 +278,22 @@ export default function ParkDetail() {
</Card> </Card>
</div> </div>
{/* Park Type */} {/* Operating Status */}
<div className="group relative overflow-hidden"> <div className="group relative overflow-hidden">
<Card className="h-full border-0 bg-gradient-to-br from-muted/20 via-muted/10 to-transparent hover:shadow-lg hover:shadow-muted/15 transition-all duration-300 hover:scale-[1.02]"> <Card className="h-full border-0 bg-gradient-to-br from-muted/20 via-muted/10 to-transparent hover:shadow-lg hover:shadow-muted/15 transition-all duration-300 hover:scale-[1.02]">
<CardContent className="p-4 text-center relative"> <CardContent className="p-4 text-center relative">
<div className="flex items-center justify-center mb-2 group-hover:scale-105 transition-transform"> <div className="flex items-center justify-center mb-2 group-hover:scale-105 transition-transform">
<div className="p-2 rounded-full bg-gradient-to-br from-primary/20 to-accent/20"> <div className="p-2 rounded-full bg-gradient-to-br from-primary/20 to-accent/20">
{getParkTypeIcon(park.park_type)} {park.opening_date ? <Calendar className="w-5 h-5" /> : <Clock className="w-5 h-5" />}
</div> </div>
</div> </div>
<div className="text-xs font-medium text-foreground">{formatParkType(park.park_type)}</div> <div className="text-xs font-medium text-foreground">
<div className="text-xs text-muted-foreground mt-0.5">Park Type</div> {park.opening_date
? `Opened ${new Date(park.opening_date).getFullYear()}`
: 'Opening Soon'
}
</div>
<div className="text-xs text-muted-foreground mt-0.5">Since</div>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>