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 = ( imageContent = (
<Image <Image
key={0} 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={{ classNames={{
errorPlaceholder: 'aspect-square h-[30vh]' errorPlaceholder: 'aspect-square h-[30vh]'
}} }}
@ -57,7 +57,7 @@ export default function ImageGallery({
{displayImages.map((image, i) => ( {displayImages.map((image, i) => (
<Image <Image
key={i} key={i}
className="aspect-square w-full rounded-lg border" className="aspect-square w-full rounded-lg border cursor-zoom-in"
image={image} image={image}
onClick={(e) => handlePhotoClick(e, i)} onClick={(e) => handlePhotoClick(e, i)}
/> />
@ -70,7 +70,7 @@ export default function ImageGallery({
{displayImages.map((image, i) => ( {displayImages.map((image, i) => (
<Image <Image
key={i} key={i}
className="aspect-square w-full rounded-lg border" className="aspect-square w-full rounded-lg border cursor-zoom-in"
image={image} image={image}
onClick={(e) => handlePhotoClick(e, i)} onClick={(e) => handlePhotoClick(e, i)}
/> />