fix: remplacement du button par un div pour les cartes médias

This commit is contained in:
Julien Froidefond
2025-02-12 21:40:21 +01:00
parent ddeed31488
commit 7bd6892cfd
2 changed files with 29 additions and 19 deletions

View File

@@ -51,14 +51,19 @@ function CoverImage({ series }: CoverImageProps) {
return (
<div className="relative aspect-[2/3] bg-muted rounded-lg overflow-hidden">
{!imageError ? (
<Image
src={`/api/komga/images/series/${series.id}/thumbnail`}
alt={`Couverture de ${series.metadata.title}`}
fill
className="object-cover"
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 16.666vw"
onError={() => setImageError(true)}
/>
<div className="absolute inset-0">
<Image
src={`/api/komga/images/series/${series.id}/thumbnail`}
alt={`Couverture de ${series.metadata.title}`}
width={200}
height={300}
className="w-full h-full object-cover"
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 16.666vw"
priority={true}
loading="eager"
onError={() => setImageError(true)}
/>
</div>
) : (
<div className="w-full h-full flex items-center justify-center">
<ImageOff className="w-8 h-8" />