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}