- Champ `cover` dans lib/games.ts - Branché sur la card home, la liste des jeux et le hero page projet - Fallback placeholder logo si pas d'image Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
+17
-7
@@ -32,15 +32,25 @@ export default function GamesPage() {
|
||||
href={`/games/${game.slug}`}
|
||||
className="group relative aspect-[16/9] sm:aspect-[21/9] bg-surface border border-border overflow-hidden block hover:border-accent transition-colors"
|
||||
>
|
||||
<div className="absolute inset-0 flex items-center justify-center">
|
||||
{game.cover ? (
|
||||
<Image
|
||||
src="/image/Studio/Logo Flat.png"
|
||||
alt=""
|
||||
width={140}
|
||||
height={94}
|
||||
className="opacity-15 group-hover:opacity-25 group-hover:scale-105 transition-all duration-700"
|
||||
src={game.cover}
|
||||
alt={game.title}
|
||||
fill
|
||||
sizes="(max-width: 1024px) 100vw, 1024px"
|
||||
className="object-cover group-hover:scale-105 transition-transform duration-700"
|
||||
/>
|
||||
</div>
|
||||
) : (
|
||||
<div className="absolute inset-0 flex items-center justify-center">
|
||||
<Image
|
||||
src="/image/Studio/Logo Flat.png"
|
||||
alt=""
|
||||
width={140}
|
||||
height={94}
|
||||
className="opacity-15 group-hover:opacity-25 group-hover:scale-105 transition-all duration-700"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
<div className="absolute bottom-0 left-0 right-0 p-8 bg-gradient-to-t from-background via-background/80 to-transparent">
|
||||
<p className="font-display text-xs tracking-[0.3em] text-accent mb-2">
|
||||
{statusLabel[game.status]}
|
||||
|
||||
Reference in New Issue
Block a user