hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add cursor zoom-in style to images in gallery

Browse source
This commit is contained in:
codytseng 2025-07-09 15:05:00 +08:00
parent f316ef1946
commit 3517476984
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/ImageGallery/index.tsx
View file

@ -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)}
/>