mirror of
https://github.com/pacnpal/thrilltrack-explorer.git
synced 2025-12-25 02:31:13 -05:00
Refactor: Optimize desktop layout for entity pages
This commit is contained in:
@@ -282,11 +282,11 @@ export default function ParkDetail() {
|
||||
</div>
|
||||
|
||||
{/* Quick Stats */}
|
||||
<div className="relative mb-12">
|
||||
<div className="relative mb-12 max-w-7xl mx-auto">
|
||||
{/* Background decorative elements */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-primary/5 via-secondary/5 to-accent/5 rounded-3xl blur-xl"></div>
|
||||
|
||||
<div className="relative grid grid-cols-2 md:grid-cols-4 gap-4 p-4 bg-gradient-to-br from-background/80 via-card/90 to-background/80 backdrop-blur-sm rounded-xl border border-border/50 shadow-md">
|
||||
<div className="relative grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4 p-4 bg-gradient-to-br from-background/80 via-card/90 to-background/80 backdrop-blur-sm rounded-xl border border-border/50 shadow-md">
|
||||
{/* Total Rides */}
|
||||
<div className="group relative overflow-hidden">
|
||||
<Card className="h-full border-0 bg-gradient-to-br from-primary/10 via-primary/5 to-transparent hover:shadow-lg hover:shadow-primary/15 transition-all duration-300 hover:scale-[1.02]">
|
||||
@@ -388,8 +388,8 @@ export default function ParkDetail() {
|
||||
<CardTitle>Featured Rides</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="grid sm:grid-cols-2 gap-4">
|
||||
{rides.slice(0, 4).map(ride => (
|
||||
<div className="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
||||
{rides.slice(0, 6).map(ride => (
|
||||
<RideCard
|
||||
key={ride.id}
|
||||
ride={ride}
|
||||
@@ -399,7 +399,7 @@ export default function ParkDetail() {
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
{rides.length > 4 && (
|
||||
{rides.length > 6 && (
|
||||
<div className="mt-4 text-center">
|
||||
<Button
|
||||
variant="outline"
|
||||
|
||||
Reference in New Issue
Block a user