chore: (#713) 스타일드 컴포넌트 코드 순서 변경

woowacourse-teams · Oct 13, 2023 · fd0177f · fd0177f
1 parent a231c61
commit fd0177f
Showing 1 changed file with 26 additions and 25 deletions.
diff --git a/frontend/src/components/common/ImageZoomModal/style.ts b/frontend/src/components/common/ImageZoomModal/style.ts
@@ -2,6 +2,29 @@ import { styled } from 'styled-components';
 
 import { theme } from '@styles/theme';
 
+export const Dialog = styled.dialog`
+ position: fixed;
+
+ margin: auto;
+
+ overflow: visible;
+
+ background: none;
+
+ z-index: ${theme.zIndex.modal};
+
+ &::backdrop {
+ background-color: rgba(0, 0, 0, 0.35);
+ }
+`;
+
+export const Container = styled.div`
+ position: relative;
+
+ width: 100%;
+ height: 100%;
+`;
+
 export const HiddenCloseButton = styled.button`
  position: absolute;
  top: 0;
@@ -34,27 +57,9 @@ export const CloseButton = styled.button`
  }
 `;
 
-export const Dialog = styled.dialog`
- position: fixed;
-
- margin: auto;
-
- overflow: visible;
-
- background: none;
-
- z-index: ${theme.zIndex.modal};
-
- &::backdrop {
- background-color: rgba(0, 0, 0, 0.35);
- }
-`;
-
-export const Container = styled.div`
- position: relative;
-
- width: 100%;
- height: 100%;
+export const IconImage = styled.img`
+ width: 24px;
+ height: 24px;
 `;
 
 export const Image = styled.img`
@@ -64,7 +69,3 @@ export const Image = styled.img`
 
  object-fit: contain;
 `;
-export const IconImage = styled.img`
- width: 24px;
- height: 24px;
-`;