Hotfix!: 서류 확인 modal 닫기 button 수정

GDG-on-Campus-KNU · Aug 19, 2024 · 1009e5b · 1009e5b
1 parent 26fd2a5
commit 1009e5b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/pages/admin/components/docs/ApplyDetailModal.style.ts b/src/pages/admin/components/docs/ApplyDetailModal.style.ts
@@ -1,5 +1,3 @@
-import CloseIcon from '@gdsc/assets/CloseIcon.svg';
-
 import { displayCenter } from '@gdsc/styles/LayoutStyle';
 
 import styled from '@emotion/styled';
@@ -49,12 +47,14 @@ export const TitleWrapper = styled.h3`
 `;
 
 export const CloseBtn = styled.button`
+  display: flex;
   width: 18px;
   height: 18px;
-  background-image: url(${CloseIcon});
   background-size: cover;
   background-repeat: no-repeat;
   background-color: transparent;
+  align-items: center;
+  justify-content: center;
 
   border: none;
   outline: none;
@@ -65,6 +65,10 @@ export const CloseBtn = styled.button`
   }
 `;
 
+export const CloseIconImg = styled.img`
+  width: 18px;
+`;
+
 export const ContentWrapper = styled.div`
   width: 100%;
   height: 90%;

diff --git a/src/pages/admin/components/docs/ApplyDetailModal.tsx b/src/pages/admin/components/docs/ApplyDetailModal.tsx
@@ -3,6 +3,8 @@ import { useState, useEffect } from 'react';
 import CommonBtn from '@gdsc/components/common/button/CommonBtn';
 import Text from '@gdsc/components/common/typography/Text';
 
+import CloseIcon from '@gdsc/assets/CloseIcon.svg';
+
 import { useGetDocsDetail } from '@gdsc/apis/hooks/admin/docs/useGetDocsDetail';
 import { usePatchMark } from '@gdsc/apis/hooks/admin/docs/usePatchMark';
 import { usePatchStatus } from '@gdsc/apis/hooks/admin/docs/usePatchStatus';
@@ -18,6 +20,7 @@ import {
   DividingLine,
   SelfIntroduce,
   ButtonContainer,
+  CloseIconImg,
 } from './ApplyDetailModal.style';
 import ApplyDetailModalSkeleton from './ApplyDetailModalSkeleton';
 import ApplyInfo from './ApplyInfo';
@@ -124,7 +127,9 @@ const ApplyDetailModal = ({
               <Text size='xl' weight='bold' color='black'>
                 지원자 정보 조회
               </Text>
-              <CloseBtn onClick={onClose} />
+              <CloseBtn onClick={onClose}>
+                <CloseIconImg src={CloseIcon} alt='close' />
+              </CloseBtn>
             </TitleWrapper>
             <ContentWrapper>
               <IntroContainer>