Update image style

rayc2045 · May 23, 2024 · 38f3430 · 38f3430
1 parent 3adcd03
commit 38f3430
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -22,6 +22,10 @@ body {
   width: 0;
 }
 
+img {
+  pointer-events: none;
+}
+
 hr {
   border-color: silver;
 }