From 326cb02df6158ce3a0ba6d5b185c4f6bef2ae06b Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 4 Jan 2026 01:56:05 +0900
Subject: [PATCH] =?UTF-8?q?fix:=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=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EA=B3=A0=EC=A0=95=20=EB=B0=8F=20=EC=8A=A4=ED=81=AC=EB=A1=A4?=
 =?UTF-8?q?=EB=B0=94=20=EC=88=A8=EA=B8=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 이미지 max-h를 75vh에서 900px 고정값으로 변경
- 라이트박스 컨테이너 min값 1400x1200으로 설정
- 스크롤바 숨기기 (Firefox/Chrome/Safari 지원)
---
 frontend/src/index.css                 | 5 +++++
 frontend/src/pages/pc/AlbumDetail.jsx  | 9 +++++----
 frontend/src/pages/pc/AlbumGallery.jsx | 7 ++++---
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 921b81e..e80f671 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -73,3 +73,8 @@ body {
     opacity: 1;
   }
 }
+
+/* 라이트박스 스크롤바 숨기기 */
+.lightbox-no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
diff --git a/frontend/src/pages/pc/AlbumDetail.jsx b/frontend/src/pages/pc/AlbumDetail.jsx
index 9482afb..1bdb5cd 100644
--- a/frontend/src/pages/pc/AlbumDetail.jsx
+++ b/frontend/src/pages/pc/AlbumDetail.jsx
@@ -474,10 +474,11 @@ function AlbumDetail() {
                 animate={{ opacity: 1 }}
                 exit={{ opacity: 0 }}
                 transition={{ duration: 0.2 }}
-                className="fixed inset-0 bg-black/95 z-50 overflow-auto"
+                className="fixed inset-0 bg-black/95 z-50 overflow-scroll lightbox-no-scrollbar"
+                style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
             >
                 {/* 내부 컨테이너 - min-width, min-height 적용 */}
-                <div className="min-w-[1200px] min-h-[800px] w-full h-full relative flex items-center justify-center">
+                <div className="min-w-[1400px] min-h-[1200px] w-full h-full relative flex items-center justify-center">
                     {/* 상단 버튼들 */}
                     <div className="absolute top-6 right-6 flex gap-3 z-10">
                         {/* 다운로드 버튼 */}
@@ -525,7 +526,7 @@ function AlbumDetail() {
                             <motion.video
                                 key={lightbox.index}
                                 src={lightbox.images[lightbox.index]}
-                                className={`max-w-[1100px] max-h-[75vh] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
+                                className={`max-w-[1100px] max-h-[900px] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
                                 onClick={(e) => e.stopPropagation()}
                                 onCanPlay={() => setImageLoaded(true)}
                                 initial={{ x: slideDirection * 100 }}
@@ -539,7 +540,7 @@ function AlbumDetail() {
                                 key={lightbox.index}
                                 src={lightbox.images[lightbox.index]}
                                 alt="확대 이미지"
-                                className={`max-w-[1100px] max-h-[75vh] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
+                                className={`max-w-[1100px] max-h-[900px] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
                                 onClick={(e) => 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 f53c081..f5fde02 100644
--- a/frontend/src/pages/pc/AlbumGallery.jsx
+++ b/frontend/src/pages/pc/AlbumGallery.jsx
@@ -308,10 +308,11 @@ function AlbumGallery() {
                 animate={{ opacity: 1 }}
                 exit={{ opacity: 0 }}
                 transition={{ duration: 0.2 }}
-                className="fixed inset-0 bg-black/95 z-50 overflow-auto"
+                className="fixed inset-0 bg-black/95 z-50 overflow-scroll lightbox-no-scrollbar"
+                style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
             >
                 {/* 내부 컨테이너 - min-width, min-height 적용 (화면 줄여도 크기 유지, 스크롤) */}
-                <div className="min-w-[1200px] min-h-[800px] w-full h-full relative flex items-center justify-center">
+                <div className="min-w-[1400px] min-h-[1200px] w-full h-full relative flex items-center justify-center">
                     {/* 상단 버튼들 */}
                     <div className="absolute top-6 right-6 flex gap-3 z-10">
                         <button 
@@ -356,7 +357,7 @@ function AlbumGallery() {
                             key={lightbox.index}
                             src={photos[lightbox.index]?.originalUrl}
                             alt="확대 이미지"
-                            className={`max-w-[1100px] max-h-[75vh] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
+                            className={`max-w-[1100px] max-h-[900px] object-contain transition-opacity duration-200 ${imageLoaded ? 'opacity-100' : 'opacity-0'}`}
                             onLoad={() => setImageLoaded(true)}
                             initial={{ x: slideDirection * 100 }}
                             animate={{ x: 0 }}