diff --git a/public/img/MypageSubmenuIcons/myCommentIcon.svg b/public/img/MypageSubmenuIcons/myCommentIcon.svg index db02fca..4cbe29f 100644 --- a/public/img/MypageSubmenuIcons/myCommentIcon.svg +++ b/public/img/MypageSubmenuIcons/myCommentIcon.svg @@ -1,8 +1,8 @@ - + - + diff --git a/public/img/MypageSubmenuIcons/myQnaIcon.svg b/public/img/MypageSubmenuIcons/myQnaIcon.svg index cdd3dbb..15f87ce 100644 --- a/public/img/MypageSubmenuIcons/myQnaIcon.svg +++ b/public/img/MypageSubmenuIcons/myQnaIcon.svg @@ -1,8 +1,8 @@ - + - + diff --git a/public/img/MypageSubmenuIcons/myScrapIcon.svg b/public/img/MypageSubmenuIcons/myScrapIcon.svg index 2dd6c10..0a5f3a6 100644 --- a/public/img/MypageSubmenuIcons/myScrapIcon.svg +++ b/public/img/MypageSubmenuIcons/myScrapIcon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/components/Mypage/SubMenuBox.tsx b/src/components/Mypage/SubMenuBox.tsx index c304376..f7ee69f 100644 --- 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%' }} > - + + + {children} @@ -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; +`;