[Fix/#321] IcNext 아이콘 새로 추출 및 간격 조정 (#322)

* feat: IcNext 아이콘 새로 추출 * design: 간격 1.2rem으로 수정
PICK-PLE · Sep 21, 2024 · 9bfb37d · 9bfb37d
1 parent e54608a
commit 9bfb37d
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/public/svg/ic_next.svg b/public/svg/ic_next.svg
diff --git a/src/assets/svg/IcNext.tsx b/src/assets/svg/IcNext.tsx
@@ -1,12 +1,13 @@
 import type { SVGProps } from 'react';
+
 const SvgIcNext = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
     <path
       stroke="#9FA4AE"
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.511}
-      d="m8.5 4 8 8-8 8"
+      d="m9.5 7 5 5-5 5"
     />
   </svg>
 );

diff --git a/src/components/common/NavigateBox/NavigateBox.style.ts b/src/components/common/NavigateBox/NavigateBox.style.ts
@@ -16,5 +16,4 @@ export const childrenStyle = (theme: Theme) => css`
 export const iconStyle = css`
   width: 2.4rem;
   height: 2.4rem;
-  padding: 0.2rem;
 `;
diff --git a/src/pages/class/components/HostProfileCard/HostProfileCard.style.ts b/src/pages/class/components/HostProfileCard/HostProfileCard.style.ts
@@ -9,7 +9,7 @@ export const profileContainer = css`
 
 export const profileWrapper = css`
   ${flexGenerator('row', 'flex-start')};
-  gap: 0.7rem;
+  gap: 1.2rem;
 `;
 
 export const profileTextBox = css`

diff --git a/src/pages/myPage/page/GuestMyPage/GuestMyPage.style.ts b/src/pages/myPage/page/GuestMyPage/GuestMyPage.style.ts
@@ -53,7 +53,6 @@ export const logoutTextStyle = (theme: Theme) => css`
 export const iconStyle = css`
   width: 2.4rem;
   height: 2.4rem;
-  padding: 0.2rem;
 `;
 
 export const editIconStyle = css`

diff --git a/src/pages/myPage/page/HostMyPage/HostMyPage.style.ts b/src/pages/myPage/page/HostMyPage/HostMyPage.style.ts
@@ -23,10 +23,10 @@ export const profileWrapper = css`
   padding: 0 2rem 2.8rem;
 `;
 
-export const divdier = css`
+export const divdier = (theme: Theme) => css`
   width: 100%;
   height: 0.8rem;
-  background-color: #f3f3f3;
+  background-color: ${theme.color.bg_white0};
 `;
 
 export const navigateBoxContainer = css`
@@ -47,6 +47,7 @@ export const logoutTextStyle = (theme: Theme) => css`
   ${theme.font['subhead03-m-16']}
   color: ${theme.color.blackgray}
 `;
+
 export const iconStyle = css`
   width: 2.4rem;
   height: 2.4rem;