style: (#713) 이미지 반응형 되도록 CSS 설정

woowacourse-teams · Oct 6, 2023 · 0b634e7 · 0b634e7
1 parent 4472e32
commit 0b634e7
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/frontend/src/components/common/ImageZoomModal/style.ts b/frontend/src/components/common/ImageZoomModal/style.ts
@@ -37,9 +37,6 @@ export const CloseButton = styled.button`
 export const Dialog = styled.dialog`
  position: fixed;
 
- width: min(fit-content, 50vw);
- height: 100%;
- max-height: 80vh;
  margin: auto;
 
  overflow: visible;
@@ -63,6 +60,7 @@ export const Container = styled.div`
 export const Image = styled.img`
  width: 100%;
  height: 100%;
+ max-height: 80vh;
 
  object-fit: contain;
 `;