From 38f34305d94ec4657e00fc4314cf866c61df3810 Mon Sep 17 00:00:00 2001
From: Ray C <rayc2045@gmail.com>
Date: Thu, 23 May 2024 16:26:26 +0800
Subject: [PATCH] Update image style

---
 src/components/product-card.html | 4 ++--
 src/style.css                    | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/product-card.html b/src/components/product-card.html
index 115692e..05313c2 100644
--- a/src/components/product-card.html
+++ b/src/components/product-card.html
@@ -6,13 +6,13 @@
 >
   <a
     :href="`#/shop/${product.category}/${lowerName}?color=${currentColor}`"
-    class="block bg-neutral-200/75 rounded-md overflow-hidden"
+    class="group block bg-neutral-200/75 rounded-md overflow-hidden"
   >
     <img
       :src="`./src/images/products/${lowerName}_${currentColor}.jpg`"
       :alt="product.name"
       loading="lazy"
-      class="min-w-full mix-blend-multiply hover:brightness-95 transition duration-300"
+      class="min-w-full mix-blend-multiply group-hover:brightness-95 transition duration-300"
     />
   </a>
 
diff --git a/src/style.css b/src/style.css
index a7b8376..2f974fe 100644
--- a/src/style.css
+++ b/src/style.css
@@ -22,6 +22,10 @@ body {
   width: 0;
 }
 
+img {
+  pointer-events: none;
+}
+
 hr {
   border-color: silver;
 }