fix: add hover overlay to watchlist grid cards

This commit is contained in:
2026-04-21 00:48:49 +02:00
parent 360010347b
commit ce97d59ebd

View File

@@ -143,13 +143,14 @@ templ Watchlist(
href={ templ.URL(shared.AnimeURL(int(entry.AnimeID))) }
class="flex flex-col bg-transparent text-inherit no-underline"
>
<div class="flex w-full aspect-2/3 justify-center overflow-hidden">
<div class="relative flex w-full aspect-2/3 justify-center overflow-hidden">
<img
src={ entry.ImageUrl }
alt={ entry.DisplayTitle() }
class="block w-full object-cover object-center"
loading="lazy"
/>
<div class="absolute inset-0 bg-black/0 transition-colors duration-200 group-hover:bg-black/40"></div>
</div>
<div class="mt-2 line-clamp-2 text-sm leading-snug text-(--text)">
{ entry.DisplayTitle() }