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

refactor: polish UI details

Browse Source
This commit is contained in:
codytseng
2025-12-04 23:24:16 +08:00
parent 881dedb6b6
commit 6bcab6d563
45 changed files with 140 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ImageGallery/index.tsx
View File

@@ -94,7 +94,7 @@ export default function ImageGallery({
<ImageWithLightbox
key={i}
image={image}
className="max-h-[80vh] sm:max-h-[50vh] object-contain"
className="max-h-[80vh] sm:max-h-[50vh] object-contain border"
classNames={{
wrapper: cn('w-fit max-w-full', className)
}}
@@ -107,7 +107,7 @@ export default function ImageGallery({
imageContent = (
<Image
key={0}
className="max-h-[80vh] sm:max-h-[50vh] object-contain"
className="max-h-[80vh] sm:max-h-[50vh] object-contain border"
classNames={{
errorPlaceholder: 'aspect-square h-[30vh]',
wrapper: 'cursor-zoom-in'
@@ -122,7 +122,7 @@ export default function ImageGallery({
{displayImages.map((image, i) => (
<Image
key={i}
className="aspect-square w-full"
className="aspect-square w-full border"
classNames={{ wrapper: 'cursor-zoom-in' }}
image={image}
onClick={(e) => handlePhotoClick(e, i)}
@@ -136,7 +136,7 @@ export default function ImageGallery({
{displayImages.map((image, i) => (
<Image
key={i}
className="aspect-square w-full"
className="aspect-square w-full border"
classNames={{ wrapper: 'cursor-zoom-in' }}
image={image}
onClick={(e) => handlePhotoClick(e, i)}