[#310] 메인 아이콘 사이즈 수정 (#311)

* [#310] 메인 아이콘 사이즈 수정 * [#310] 테스트중 들어간 코드 제거 * [#310] 오토캠핑 아이콘 수정
teamCampro · Feb 28, 2024 · 677682b · 677682b
1 parent 93be89c
commit 677682b
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 9 deletions.
diff --git a/src/app/(header&footer)/overview/[id]/page.tsx b/src/app/(header&footer)/overview/[id]/page.tsx
@@ -188,7 +188,7 @@ function Page({ searchParams, params }: SearchParamsType) {
           selectedMenu={activeSection}
           hideButton={hideButton}
         />
-        <div className='m-auto w-full max-w-1360pxr pt-40pxr'>
+        <div className='m-auto max-w-1360pxr pt-40pxr'>
           <SectionRef sectionRef={setDivRef} id='image'>
             <CampImage imgUrls={imageUrls} />
           </SectionRef>

diff --git a/src/app/_constants/links.tsx b/src/app/_constants/links.tsx
@@ -18,49 +18,77 @@ const LINKS = [
     id: 1,
     href: `/search?${createQueryString('텐트')}`,
     text: '텐트',
-    icon: <IconTent fill='#555555' />,
+    icon: (
+      <IconTent viewBox='0 0 24 24' width='28' height='28' fill='#555555' />
+    ),
   },
   {
     id: 2,
     href: `/search?${createQueryString('카라반')}`,
     text: '카라반',
-    icon: <IconCampingCar fill='#555555' />,
+    icon: (
+      <IconCampingCar
+        viewBox='0 0 24 24'
+        width='28'
+        height='28'
+        fill='#555555'
+      />
+    ),
   },
   {
     id: 3,
     href: `/search?${createQueryString('글램핑')}`,
     text: '글램핑',
-    icon: <IconGlamping fill='#555555' />,
+    icon: (
+      <IconGlamping viewBox='0 0 24 24' width='28' height='28' fill='#555555' />
+    ),
   },
   {
     id: 4,
     href: `/search?${createQueryString('오토캠핑')}`,
     text: '오토캠핑',
-    icon: <IconAutoCamping fill='#555555' />,
+    icon: (
+      <IconAutoCamping
+        className='h-28pxr w-28pxr mobile:h-24pxr mobile:w-24pxr'
+        viewBox='0 0 28 28'
+        fill='#555555'
+      />
+    ),
   },
   {
     id: 5,
     href: `/search?${createQueryString('캠프닉')}`,
     text: '캠프닉',
-    icon: <IconCampnic fill='#555555' />,
+    icon: (
+      <IconCampnic viewBox='0 0 24 24' width='28' height='28' fill='#555555' />
+    ),
   },
   {
     id: 6,
     href: `/search?${createQueryString('키즈캠핑')}`,
     text: '키즈캠핑',
-    icon: <IconKidsCamping fill='#555555' />,
+    icon: (
+      <IconKidsCamping
+        viewBox='0 0 24 24'
+        width='28'
+        height='28'
+        fill='#555555'
+      />
+    ),
   },
   {
     id: 7,
     href: `/search?${createQueryString('애견캠핑')}`,
     text: '애견캠핑',
-    icon: <IconPet fill='#555555' />,
+    icon: <IconPet width='100%' height='100%' fill='#555555' />,
   },
   {
     id: 8,
     href: `/search?${createQueryString('차박')}`,
     text: '차박',
-    icon: <IconChabak fill='#555555' />,
+    icon: (
+      <IconChabak viewBox='0 0 24 24' width='28' height='28' fill='#555555' />
+    ),
   },
 ];