caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: 갤러리 사진 간격 증가, 앨범 상세 hover 효과 부드럽게 개선

Browse source
This commit is contained in:
caadiq 2026-01-02 11:27:19 +09:00
parent 79fb58e2ee
commit 4d8d18586c
3 changed files with 2324 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2322
backend/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

4
frontend/src/pages/pc/AlbumDetail.jsx
View file

@ -253,7 +253,7 @@ function AlbumDetail() {
<div <div
key={index} key={index}
onClick={() => setLightbox({ open: true, images: album.teasers.map(t => t.original_url), index })} onClick={() => setLightbox({ open: true, images: album.teasers.map(t => t.original_url), index })}
className="w-24 h-24 bg-gray-200 rounded-lg overflow-hidden cursor-pointer transition-all duration-200 hover:scale-110 hover:shadow-xl hover:z-10" className="w-24 h-24 bg-gray-200 rounded-lg overflow-hidden cursor-pointer transition-all duration-300 ease-out hover:scale-105 hover:shadow-xl hover:z-10"
> >
<img <img
src={teaser.thumb_url} src={teaser.thumb_url}
@ -362,7 +362,7 @@ function AlbumDetail() {
<div <div
key={photo.id} key={photo.id}
onClick={() => setLightbox({ open: true, images: [photo.original_url], index: 0 })} onClick={() => setLightbox({ open: true, images: [photo.original_url], index: 0 })}
className="aspect-square bg-gray-200 rounded-xl overflow-hidden cursor-pointer transition-all duration-200 hover:scale-105 hover:shadow-xl hover:z-10" className="aspect-square bg-gray-200 rounded-xl overflow-hidden cursor-pointer transition-all duration-300 ease-out hover:scale-[1.03] hover:shadow-xl hover:z-10"
> >
<img <img
src={photo.medium_url} src={photo.medium_url}

2
frontend/src/pages/pc/AlbumGallery.jsx
View file

@ -219,7 +219,7 @@ function AlbumGallery() {
key: idx.toString() key: idx.toString()
}))} }))}
targetRowHeight={280} targetRowHeight={280}
spacing={8} spacing={16}
rowConstraints={{ singleRowMaxHeight: 400, minPhotos: 1 }} rowConstraints={{ singleRowMaxHeight: 400, minPhotos: 1 }}
onClick={({ index }) => openLightbox(index)} onClick={({ index }) => openLightbox(index)}
componentsProps={{ componentsProps={{