From 3517476984632008c75d5bd73a2cbff2bbe8bdce Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Wed, 9 Jul 2025 15:05:00 +0800
Subject: [PATCH] feat: add cursor zoom-in style to images in gallery

---
 src/components/ImageGallery/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageGallery/index.tsx b/src/components/ImageGallery/index.tsx
index 8b252495..b5f273e6 100644
--- a/src/components/ImageGallery/index.tsx
+++ b/src/components/ImageGallery/index.tsx
@@ -43,7 +43,7 @@ export default function ImageGallery({
     imageContent = (
       <Image
         key={0}
-        className="rounded-lg max-h-[80vh] sm:max-h-[50vh] border"
+        className="rounded-lg max-h-[80vh] sm:max-h-[50vh] border cursor-zoom-in"
         classNames={{
           errorPlaceholder: 'aspect-square h-[30vh]'
         }}
@@ -57,7 +57,7 @@ export default function ImageGallery({
         {displayImages.map((image, i) => (
           <Image
             key={i}
-            className="aspect-square w-full rounded-lg border"
+            className="aspect-square w-full rounded-lg border cursor-zoom-in"
             image={image}
             onClick={(e) => handlePhotoClick(e, i)}
           />
@@ -70,7 +70,7 @@ export default function ImageGallery({
         {displayImages.map((image, i) => (
           <Image
             key={i}
-            className="aspect-square w-full rounded-lg border"
+            className="aspect-square w-full rounded-lg border cursor-zoom-in"
             image={image}
             onClick={(e) => handlePhotoClick(e, i)}
           />