From f4b5e0a5de1f4c51b3b2421affe336a6ee53e218 Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Mon, 29 Apr 2024 14:39:39 +0700
Subject: [PATCH] card: added hover effeect

---
 views/homeview/recently_added_image.templ | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/homeview/recently_added_image.templ b/views/homeview/recently_added_image.templ
index 45afc81..8a3ba50 100644
--- a/views/homeview/recently_added_image.templ
+++ b/views/homeview/recently_added_image.templ
@@ -19,7 +19,7 @@ const (
 )
 
 templ RecentlyAddedImageCard(data *models.Image, opts ImageCardOption) {
-	<div class="not-prose card card-bordered bg-base-100 shadow-xl w-[256px] min-w-[256px] rounded-xl">
+	<div class="not-prose card card-bordered bg-base-100 hover:bg-base-200 shadow-xl w-[256px] min-w-[256px] rounded-xl top-0 hover:-top-1 hover:drop-shadow-2xl transition-all">
 		<figure>
 			<a
 				href={ templ.URL(fmt.Sprintf("/img/%s", data.ImageRelativePath)) }