From ce97d59ebdf408f0546381eee16463e3cdcefd61 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 21 Apr 2026 00:48:49 +0200
Subject: [PATCH] fix: add hover overlay to watchlist grid cards

---
 web/templates/watchlist.templ | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/templates/watchlist.templ b/web/templates/watchlist.templ
index bf46b35..4879018 100644
--- a/web/templates/watchlist.templ
+++ b/web/templates/watchlist.templ
@@ -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() }