fix: add hover overlay to watchlist grid cards
This commit is contained in:
@@ -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() }
|
||||
|
||||
Reference in New Issue
Block a user