fix: 마이페이지 아이콘 깨짐 해결

whatever-mentoring · Sep 25, 2023 · d549550 · d549550
1 parent 3a53c57
commit d549550
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 10 deletions.
diff --git a/public/img/MypageSubmenuIcons/myCommentIcon.svg b/public/img/MypageSubmenuIcons/myCommentIcon.svg
diff --git a/public/img/MypageSubmenuIcons/myQnaIcon.svg b/public/img/MypageSubmenuIcons/myQnaIcon.svg
diff --git a/public/img/MypageSubmenuIcons/myScrapIcon.svg b/public/img/MypageSubmenuIcons/myScrapIcon.svg
diff --git a/src/components/Mypage/SubMenuBox.tsx b/src/components/Mypage/SubMenuBox.tsx
@@ -1,4 +1,4 @@
-import { Row } from 'assets/common';
+import { Img, Row } from 'assets/common';
 import { styled } from 'styled-components';
 import { Palette } from 'styles/Palette';
 import Typo from 'styles/Typo';
@@ -24,9 +24,13 @@ export const SubMenuBox = ({
         style={{ width: '100%' }}
       >
         <Row gap={19}>
-          <img
-            src={process.env.PUBLIC_URL + `/img/MypageSubmenuIcons/${icon}.svg`}
-          ></img>
+          <ImgContainer>
+            <Img
+              src={
+                process.env.PUBLIC_URL + `/img/MypageSubmenuIcons/${icon}.svg`
+              }
+            />
+          </ImgContainer>
           <Typo.b1>{children}</Typo.b1>
         </Row>
         <Row gap={8}>
@@ -54,3 +58,11 @@ export const Container = styled.div<{ borderRadius?: string }>`
   padding: 25px 15px;
   background: ${Palette.White};
 `;
+
+const ImgContainer = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 25px;
+  height: 25px;
+`;