From f379969c882744780200fe7f1efdf6bf2e564c68 Mon Sep 17 00:00:00 2001
From: NohWookJin <jinn98@kakao.com>
Date: Fri, 26 Jan 2024 14:19:26 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B0=84=EA=B2=A9=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyTrip/MyTripIngItem.tsx | 8 ++++----
 src/components/MyTrip/MyTripItem.tsx    | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/MyTrip/MyTripIngItem.tsx b/src/components/MyTrip/MyTripIngItem.tsx
index e054b93f..479009a5 100644
--- a/src/components/MyTrip/MyTripIngItem.tsx
+++ b/src/components/MyTrip/MyTripIngItem.tsx
@@ -16,7 +16,7 @@ const MyTripIngItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
     <div
       className="relative flex h-16 w-full cursor-pointer items-center rounded-2xl border border-solid border-cyan-400 bg-cyan-400 px-3"
       onClick={() => navigate(`/trip/${tripId}`)}>
-      <div className="flex">
+      <div className="flex items-center">
         <div>
           <img
             className="h-10 min-h-10 w-10 rounded-3xl  object-cover"
@@ -24,18 +24,18 @@ const MyTripIngItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
             alt="여행지 이미지"
           />
         </div>
-        <div className="absolute right-3 top-[20px] inline-flex h-[22px] w-[54px] items-center justify-center gap-[8px] rounded-2xl border border-solid border-cyan-400 bg-white px-[8px] py-[10px] pt-[13px]">
+        <div className="absolute right-3 top-[20px] inline-flex h-[22px] w-[54px] items-center justify-center gap-[8px] rounded-2xl border border-solid border-cyan-400 bg-white px-[8px] py-[10px] pt-[10px]">
           <span className="text-xs font-semibold text-cyan-400">
             {tripStatus}
           </span>
         </div>
         <div className="ml-[15px] flex max-w-[300px] flex-col items-start justify-between gap-[15px] ">
-          <div className="mt-[6px]">
+          <div className="mt-[5px]">
             <div className="w-56 truncate text-[15px] font-bold text-white ">
               {tripName}
             </div>
 
-            <div className="mt-[4px] text-xs font-semibold text-white">
+            <div className="mb-[5px] text-xs font-semibold text-white">
               {startDate.replace(/-/g, '.')} -{' '}
               {endDate.replace(/-/g, '.').split('2024.')}{' '}
               {tripDuration === '0박 1일' ? null : ` (${tripDuration})`}
diff --git a/src/components/MyTrip/MyTripItem.tsx b/src/components/MyTrip/MyTripItem.tsx
index 7776541d..b5878161 100644
--- a/src/components/MyTrip/MyTripItem.tsx
+++ b/src/components/MyTrip/MyTripItem.tsx
@@ -64,8 +64,8 @@ const MyTripItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
                 alt="여행지 이미지"
               />
             </div>
-            <div className="ml-[10px] flex w-full flex-col items-start justify-between  ">
-              <div className="mt-[1px] ">
+            <div className="ml-[10px] mt-[-2px] flex w-full flex-col items-start justify-between  ">
+              <div>
                 <div className="truncate text-[15px] text-base font-bold text-stone-900">
                   {tripName}
                 </div>
@@ -76,7 +76,7 @@ const MyTripItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
                 </div>
               </div>
 
-              <div className="mb-[5px] flex text-xs font-normal text-zinc-500">
+              <div className="flex pt-[2px] text-xs font-normal text-zinc-500">
                 <UserIcon size={13} fill="#888" color="none" />
                 <span>{numberOfTripMember}명과 공유중</span>
               </div>