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

teamCampro · Feb 28, 2024 · 7733934 · 7733934
1 parent 3e21360
commit 7733934
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 10 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 w-auto max-w-1360pxr pt-40pxr'>
           <SectionRef sectionRef={setDivRef} id='image'>
             <CampImage imgUrls={imageUrls} />
           </SectionRef>
@@ -198,7 +198,7 @@ function Page({ searchParams, params }: SearchParamsType) {
             >
               <MiniMapContainer {...detail} />
             </aside>
-            <div>
+            <div className='w-full'>
               <div className='flex flex-col gap-32pxr mobile:gap-24pxr mobile:px-20pxr mobile359:px-0pxr'>
                 <div className='contents mobile359:flex mobile359:flex-col mobile359:gap-24pxr mobile359:px-16pxr'>
                   <SectionRef sectionRef={setDivRef} id='1'>

diff --git a/src/app/_constants/links.tsx b/src/app/_constants/links.tsx
@@ -18,49 +18,78 @@ 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
+        viewBox='0 0 28 28'
+        width='28'
+        height='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' />
+    ),
   },
 ];