diff --git a/frontend/issues-inbox.html b/frontend/issues-inbox.html index c409e18..0158f61 100644 --- a/frontend/issues-inbox.html +++ b/frontend/issues-inbox.html @@ -111,6 +111,60 @@ opacity: 1; transform: translateY(0); } + + /* 사진 미리보기 스타일 */ + .photo-preview { + max-width: 150px; + max-height: 100px; + object-fit: cover; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s ease; + } + + .photo-preview:hover { + transform: scale(1.05); + } + + .photo-gallery { + display: flex; + gap: 8px; + flex-wrap: wrap; + margin-top: 8px; + } + + .photo-modal { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + } + + .photo-modal img { + max-width: 90%; + max-height: 90%; + object-fit: contain; + border-radius: 8px; + } + + .photo-modal .close-btn { + position: absolute; + top: 20px; + right: 20px; + background: rgba(255, 255, 255, 0.9); + border: none; + border-radius: 50%; + width: 40px; + height: 40px; + cursor: pointer; + font-size: 18px; + } @@ -145,16 +199,7 @@ -
-
-
- -
-

전체

-

0

-
-
-
+
@@ -228,6 +273,12 @@
+ + + + + ${photoCount > 0 ? ` + + ` : ''} +