Design: 메인페이지 css 수정

WePlanPlans · Jan 4, 2024 · 4d9794a · 4d9794a
1 parent afe58bc
commit 4d9794a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/Tours/CreateTripButton.tsx b/src/components/Tours/CreateTripButton.tsx
@@ -2,7 +2,7 @@ import { PlusIcon } from '@components/common/icons/Icons';
 
 const CreateTripButton = () => {
   return (
-    <div className="sticky bottom-20 z-[100] ml-auto h-[51px] w-[51px] cursor-pointer">
+    <div className="sticky bottom-20 z-[100] ml-auto mr-[10px] h-[51px] w-[51px] cursor-pointer">
       <PlusIcon size={51} color="white" />
     </div>
   );

diff --git a/src/components/common/nav/Nav.tsx b/src/components/common/nav/Nav.tsx
@@ -16,21 +16,25 @@ const Nav = () => {
           <div className="flex justify-center">
             <HomeIcon fill={isActive('/') ? 'currentColor' : 'none'} />
           </div>
-          <p className="caption2 mt-[3px] text-center">홈</p>
+          <p className="caption2 mt-[3px] pr-[1px] text-center">홈</p>
         </div>
         <div
           onClick={() => navigate('/')}
           className="cursor-pointer flex-col items-center justify-center px-2">
           <CalendarIcon />
-          <p className="caption2 mt-[3px] text-center text-xs/[11px]">일정</p>
+          <p className="caption2 mt-[3px] pr-[1px] text-center text-xs/[11px]">
+            일정
+          </p>
         </div>
         <div
           onClick={() => navigate('/')}
           className="cursor-pointer flex-col items-center justify-center px-2">
           <div className="flex justify-center">
             <HeartIcon />
           </div>
-          <p className="caption2 mt-[3px] text-center text-xs/[11px]">찜</p>
+          <p className="caption2 mt-[3px] pl-[1px] text-center text-xs/[11px]">
+            찜
+          </p>
         </div>
         <div
           onClick={() => navigate('/')}