diff --git a/index.php b/index.php index dee9653..992d9bb 100644 --- a/index.php +++ b/index.php @@ -93,6 +93,37 @@ width: auto !important; height: auto !important; } + + /* Full Screen Lightbox */ + #fullscreen-view { + position: fixed; + inset: 0; + background: rgba(15, 23, 42, 0.95); + z-index: 100; + overflow-y: auto; + display: none; + flex-direction: column; + align-items: center; + padding: 2rem 0; /* 상하 여백 */ + } + #fullscreen-view img { + width: 100%; /* 기기 너비 꽉 채움 */ + max-width: 1400px; /* PC에서는 너무 커지지 않게 제한 (선택 가능) */ + height: auto; + display: block; + box-shadow: 0 0 50px rgba(0,0,0,0.5); + } + .fullscreen-close { + position: fixed; + top: 1.5rem; + right: 1.5rem; + z-index: 110; + background: white; + border-radius: 9999px; + padding: 0.75rem; + cursor: pointer; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); + }
@@ -227,16 +258,24 @@ + +