fix: 간격 수정

WePlanPlans · Jan 26, 2024 · f379969 · f379969
1 parent fb66271
commit f379969
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/MyTrip/MyTripIngItem.tsx b/src/components/MyTrip/MyTripIngItem.tsx
@@ -16,26 +16,26 @@ 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"
             src={tripThumbnailUrl}
             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
@@ -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>