mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add hover overlay to watchlist grid cards

Browse Source
This commit is contained in:
mkelvers
2026-04-21 00:48:49 +02:00
parent 360010347b
commit ce97d59ebd
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/templates/watchlist.templ
View File

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