julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refacto: Cover review

Browse Source
This commit is contained in:
Julien Froidefond
2025-03-01 16:06:35 +01:00
parent 4c8c7cdb9e
commit 724e60ed7e
9 changed files with 207 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/home/MediaRow.tsx
View File

@@ -128,19 +128,30 @@ function MediaCard({ item, onClick }: MediaCardProps) {
>
<div className="relative aspect-[2/3] bg-muted">
{isSeries ? (
<SeriesCover series={item as KomgaSeries} alt={`Couverture de ${title}`} quality={100} />
<>
<SeriesCover
series={item as KomgaSeries}
alt={`Couverture de ${title}`}
quality={100}
/>
<div className="absolute inset-0 bg-black/60 opacity-0 hover:opacity-100 transition-opacity duration-200 flex flex-col justify-end p-3">
<h3 className="font-medium text-sm text-white line-clamp-2">{title}</h3>
<p className="text-xs text-white/80 mt-1">
{item.booksCount} tome{item.booksCount > 1 ? "s" : ""}
</p>
</div>
</>
) : (
<BookCover book={item as KomgaBook} alt={`Couverture de ${title}`} quality={100} />
<>
<BookCover
book={item as KomgaBook}
alt={`Couverture de ${title}`}
quality={100}
showControls={false}
overlayVariant="home"
/>
</>
)}
{/* Overlay avec les informations au survol */}
<div className="absolute inset-0 bg-black/60 opacity-0 hover:opacity-100 transition-opacity duration-200 flex flex-col justify-end p-3">
<h3 className="font-medium text-sm text-white line-clamp-2">{title}</h3>
{isSeries && (
<p className="text-xs text-white/80 mt-1">
{item.booksCount} tome{item.booksCount > 1 ? "s" : ""}
</p>
)}
</div>
</div>
</div>
);