From 743cfbc7bf34d4f719a9b6661d0eb35ccc431511 Mon Sep 17 00:00:00 2001
From: NohWookJin <jinn98@kakao.com>
Date: Fri, 26 Jan 2024 10:00:08 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=97=AC=EB=B0=B1=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Trip/LikedToursLists/LikedToursListItem.tsx    | 10 +++++-----
 src/components/Wish/WishItem.tsx                   | 14 +++++++-------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Trip/LikedToursLists/LikedToursListItem.tsx b/src/components/Trip/LikedToursLists/LikedToursListItem.tsx
index c9e73827..f72641fa 100644
--- a/src/components/Trip/LikedToursLists/LikedToursListItem.tsx
+++ b/src/components/Trip/LikedToursLists/LikedToursListItem.tsx
@@ -72,7 +72,7 @@ const LikedToursListItem: React.FC<LikedToursListItemProps> = ({
 
   return (
     <div
-      className={`relative mb-[4px] cursor-pointer`}
+      className={`relative mb-[6px] flex max-h-[72px] cursor-pointer`}
       onClick={() => navigate(`/detail/${tourItemId}`)}>
       <div className="flex">
         <div>
@@ -83,13 +83,13 @@ const LikedToursListItem: React.FC<LikedToursListItemProps> = ({
           />
         </div>
 
-        <div className="ml-[8px] flex flex-col items-start justify-between gap-[1px]">
-          <div className="max-w-[270px]">
-            <p className="truncate whitespace-nowrap  px-[2px] text-[16px] font-bold leading-normal text-black">
+        <div className="ml-[8px] flex max-h-[72px] flex-col items-start">
+          <div className="mt-[-5px] flex max-w-[230px] flex-col">
+            <p className="truncate whitespace-nowrap text-[16px] font-bold leading-normal text-black ">
               {title}
             </p>
 
-            <div className="flex items-center">
+            <div className="mb-[8.5px] mt-[-4px] flex  items-center">
               <div className="mr-[5px] flex items-center">
                 <div>
                   <StarIcon size={12.5} color="#FFEC3E" fill="#FFEC3E" />
diff --git a/src/components/Wish/WishItem.tsx b/src/components/Wish/WishItem.tsx
index e1fb9a2c..75928caa 100644
--- a/src/components/Wish/WishItem.tsx
+++ b/src/components/Wish/WishItem.tsx
@@ -32,9 +32,9 @@ const WishItem: React.FC<WishItemProps> = ({ wishList }) => {
 
   return (
     <div
-      className={`relative mb-[2px] cursor-pointer `}
+      className={`relative mb-[6px] flex max-h-[72px] cursor-pointer items-center`}
       onClick={() => navigate(`/detail/${id}`)}>
-      <div className="flex">
+      <div className="flex items-center">
         <div>
           <img
             className="rounded-1 h-[72px] max-h-[72px] w-[72px] rounded-[8px] object-cover"
@@ -51,7 +51,7 @@ const WishItem: React.FC<WishItemProps> = ({ wishList }) => {
             <p className=" truncate whitespace-nowrap px-[2px] text-[16px] font-bold leading-normal text-black">
               {title}
             </p>
-            <div className="ml-[3px] mt-[5px] max-w-[260px]">
+            <div className="ml-[3px] max-w-[260px]">
               <p className="truncate text-[14px] text-gray6">
                 {isMetroIncluded && tourAddress
                   ? (tourAddress.match(/(.*?[시군구])/)?.[0] || '') +
@@ -63,9 +63,9 @@ const WishItem: React.FC<WishItemProps> = ({ wishList }) => {
             </div>
           </div>
 
-          <div className="caption1 mb-[2px] ml-[3px] flex justify-center leading-normal text-gray4">
+          <div className="caption1 mb-[4px] ml-[3px] flex justify-center leading-normal text-gray4">
             <div className="mr-[5px] flex items-center">
-              <div className="mb-[2px]">
+              <div className="">
                 <StarIcon size={12.5} color="#FFEC3E" fill="#FFEC3E" />
               </div>
               <div className="flex items-center pt-[1.5px]">
@@ -78,10 +78,10 @@ const WishItem: React.FC<WishItemProps> = ({ wishList }) => {
               </div>
             </div>
             <div className="flex items-center justify-center ">
-              <div className="mb-[0.5px]">
+              <div className="">
                 <HeartIcon size={14} color="#FF2167" fill="#FF2167" />
               </div>
-              <span className="ml-1 mt-[2.8px] text-xs">
+              <span className="ml-1 mt-[0px] text-xs">
                 {likedCount ? likedCount.toLocaleString() : likedCount}
               </span>
             </div>