mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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