From 3ff912d1fefc2654c932c091b47b635f13dc166e Mon Sep 17 00:00:00 2001 From: caadiq Date: Sat, 3 Jan 2026 21:01:48 +0900 Subject: [PATCH] =?UTF-8?q?style:=20=EB=9D=BC=EC=9D=B4=ED=8A=B8=EB=B0=95?= =?UTF-8?q?=EC=8A=A4=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=91=A5=EA=B7=BC=20?= =?UTF-8?q?=EB=AA=A8=EC=84=9C=EB=A6=AC=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20?= =?UTF-8?q?=EB=A9=A4=EB=B2=84=20=EB=B2=84=ED=8A=BC=20=ED=81=AC=EA=B8=B0=20?= =?UTF-8?q?=EC=9D=BC=EA=B4=80=EC=84=B1=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - AlbumGallery, AlbumDetail 라이트박스 이미지 rounded-lg 제거 - 선택된 멤버 버튼에 border 추가하여 크기 변화 방지 - 티저 라벨 영문->한글 변경 --- frontend/src/pages/pc/AlbumDetail.jsx | 4 ++-- frontend/src/pages/pc/AlbumGallery.jsx | 2 +- frontend/src/pages/pc/admin/AdminAlbumPhotos.jsx | 12 ++++++------ 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/frontend/src/pages/pc/AlbumDetail.jsx b/frontend/src/pages/pc/AlbumDetail.jsx index a624bf7..8840458 100644 --- a/frontend/src/pages/pc/AlbumDetail.jsx +++ b/frontend/src/pages/pc/AlbumDetail.jsx @@ -290,7 +290,7 @@ function AlbumDetail() { {/* 앨범 티저 이미지 */} {album.teasers && album.teasers.length > 0 && (
-

Official Teaser

+

티저 포토

{album.teasers.map((teaser, index) => (
e.stopPropagation()} onLoad={() => setImageLoaded(true)} initial={{ x: slideDirection * 100 }} diff --git a/frontend/src/pages/pc/AlbumGallery.jsx b/frontend/src/pages/pc/AlbumGallery.jsx index 2fd0eb8..fa3c083 100644 --- a/frontend/src/pages/pc/AlbumGallery.jsx +++ b/frontend/src/pages/pc/AlbumGallery.jsx @@ -311,7 +311,7 @@ function AlbumGallery() { key={lightbox.index} src={photos[lightbox.index]?.originalUrl} alt="확대 이미지" - className={`max-w-[1100px] max-h-[75vh] object-contain rounded-lg transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`} + className={`max-w-[1100px] max-h-[75vh] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`} onLoad={() => setImageLoaded(true)} initial={{ x: slideDirection * 100 }} animate={{ x: 0 }} diff --git a/frontend/src/pages/pc/admin/AdminAlbumPhotos.jsx b/frontend/src/pages/pc/admin/AdminAlbumPhotos.jsx index 431cb77..fb9d16c 100644 --- a/frontend/src/pages/pc/admin/AdminAlbumPhotos.jsx +++ b/frontend/src/pages/pc/admin/AdminAlbumPhotos.jsx @@ -1023,7 +1023,7 @@ function AdminAlbumPhotos() { onClick={() => toggleMember(file.id, member.id)} className={`px-3 py-1 rounded-full text-sm transition-colors ${ file.members.includes(member.id) - ? 'bg-primary text-white' + ? 'bg-primary text-white border border-primary' : 'bg-white text-gray-600 hover:bg-gray-100 border border-gray-200' }`} > @@ -1044,7 +1044,7 @@ function AdminAlbumPhotos() { onClick={() => toggleMember(file.id, member.id)} className={`px-3 py-1 rounded-full text-sm transition-colors ${ file.members.includes(member.id) - ? 'bg-gray-500 text-white' + ? 'bg-gray-500 text-white border border-gray-500' : 'bg-gray-100 text-gray-400 hover:bg-gray-200 border border-gray-200' }`} > @@ -1161,8 +1161,8 @@ function AdminAlbumPhotos() { }} className={`px-2.5 py-1 rounded-full text-xs font-medium transition-colors ${ bulkEdit.members.includes(member.id) - ? 'bg-primary text-white' - : 'bg-gray-100 text-gray-600 hover:bg-gray-200' + ? 'bg-primary text-white border border-primary' + : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border border-gray-100' }`} > {member.name} @@ -1188,8 +1188,8 @@ function AdminAlbumPhotos() { }} className={`px-2.5 py-1 rounded-full text-xs font-medium transition-colors ${ bulkEdit.members.includes(member.id) - ? 'bg-gray-500 text-white' - : 'bg-gray-100 text-gray-400 hover:bg-gray-200' + ? 'bg-gray-500 text-white border border-gray-500' + : 'bg-gray-100 text-gray-400 hover:bg-gray-200 border border-gray-100' }`} > {member.name}