From 7c2f5a4639f5b5270dda66c73faaff1045089b00 Mon Sep 17 00:00:00 2001
From: NohWookJin <jinn98@kakao.com>
Date: Tue, 16 Jan 2024 16:53:48 +0900
Subject: [PATCH 1/2] =?UTF-8?q?style:=20=EC=97=AC=EC=A0=95=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=EC=A1=B0=ED=9A=8C=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyTrip/MyTrip.tsx           |  3 ---
 src/components/MyTrip/MyTripAfterList.tsx  |  4 ++--
 src/components/MyTrip/MyTripBeforeList.tsx |  4 ++--
 src/components/MyTrip/MyTripIngItem.tsx    | 14 ++++++++------
 src/components/MyTrip/MyTripItem.tsx       | 10 +++++-----
 5 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/components/MyTrip/MyTrip.tsx b/src/components/MyTrip/MyTrip.tsx
index ae8ed92e..8958338b 100644
--- a/src/components/MyTrip/MyTrip.tsx
+++ b/src/components/MyTrip/MyTrip.tsx
@@ -31,9 +31,6 @@ const MyTrip = () => {
 
   return (
     <div className="mt-3 min-h-[100vh]">
-      <div className="pb-[15px]">
-        <h1 className="text-2xl font-bold text-black ">나의 여정</h1>
-      </div>
       {data.length > 0 ? (
         <>
           <MyTripIngList myTripsData={ingTrips} />
diff --git a/src/components/MyTrip/MyTripAfterList.tsx b/src/components/MyTrip/MyTripAfterList.tsx
index 543e168d..ec33c2de 100644
--- a/src/components/MyTrip/MyTripAfterList.tsx
+++ b/src/components/MyTrip/MyTripAfterList.tsx
@@ -19,8 +19,8 @@ const MyTripAfterList: React.FC<MyTripIngListProps> = ({ myTripsData }) => {
 
   return (
     <>
-      <div className="mb-[15px] mt-[30px]">
-        <h1 className='"text-black text-lg font-bold'>지난 여행</h1>
+      <div className="mb-[10px] mt-[40px]">
+        <h1 className="text-xl font-bold text-stone-900">지난 여행</h1>
       </div>
       <div className="no-scrollbar grid grid-cols-1 gap-[5px] overflow-y-scroll">
         {sortedTrips.map((myTripList: MyTripType) => (
diff --git a/src/components/MyTrip/MyTripBeforeList.tsx b/src/components/MyTrip/MyTripBeforeList.tsx
index b5c8c278..e4d27037 100644
--- a/src/components/MyTrip/MyTripBeforeList.tsx
+++ b/src/components/MyTrip/MyTripBeforeList.tsx
@@ -14,8 +14,8 @@ const MyTripBeforeList: React.FC<MyTripIngListProps> = ({ myTripsData }) => {
 
   return (
     <>
-      <div className="mb-[15px] mt-[30px]">
-        <h1 className='"text-black text-lg font-bold'>다가오는 여행</h1>
+      <div className="mb-[10px] mt-[40px]">
+        <h1 className="text-xl font-bold text-stone-900">다가오는 여행</h1>
       </div>
       <div className="no-scrollbar grid grid-cols-1 gap-[5px] overflow-y-scroll">
         {myTripsData.map((myTripList: MyTripType) => (
diff --git a/src/components/MyTrip/MyTripIngItem.tsx b/src/components/MyTrip/MyTripIngItem.tsx
index 55539e1e..dcac90dd 100644
--- a/src/components/MyTrip/MyTripIngItem.tsx
+++ b/src/components/MyTrip/MyTripIngItem.tsx
@@ -14,26 +14,28 @@ const MyTripIngItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
 
   return (
     <div
-      className="relative flex h-16 w-full cursor-pointer items-center rounded-lg border border-solid border-cyan-400 px-3"
+      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>
           <img
-            className="rounded-1 h-10 min-h-10 w-10 rounded-lg object-cover"
+            className="h-10 min-h-10 w-10 rounded-3xl rounded-lg 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-cyan-400 px-[8px] py-[10px] pt-[12px]">
-          <span className="text-xs font-semibold text-white">{tripStatus}</span>
+        <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]">
+          <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-[4px] ">
-            <div className="w-56 truncate text-sm font-bold text-black ">
+            <div className="w-56 truncate text-sm font-bold text-white ">
               {tripName}
             </div>
 
-            <div className="text-xs font-medium tracking-tight text-zinc-500">
+            <div className="text-xs font-semibold text-white">
               {startDate.replace(/-/g, '.')} ~{' '}
               {endDate.replace(/-/g, '.').split('2024.')} ({tripDuration})
             </div>
diff --git a/src/components/MyTrip/MyTripItem.tsx b/src/components/MyTrip/MyTripItem.tsx
index e4d30dc3..a91a0a2f 100644
--- a/src/components/MyTrip/MyTripItem.tsx
+++ b/src/components/MyTrip/MyTripItem.tsx
@@ -66,18 +66,18 @@ const MyTripItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
             </div>
             <div className="ml-[10px] flex w-full flex-col items-start justify-between  ">
               <div className="mt-[1px] ">
-                <div className="truncate text-[15px] text-base font-bold text-black">
+                <div className="truncate text-[15px] text-base font-semibold text-stone-900">
                   {tripName}
                 </div>
-                <div className="text-sm font-medium tracking-tight text-zinc-500">
-                  {startDate.replace(/-/g, '.')} ~{' '}
+                <div className="text-sm font-normal text-zinc-500">
+                  {startDate.replace(/-/g, '.')} -{' '}
                   {endDate.replace(/-/g, '.').split('2024.')} ({tripDuration})
                 </div>
               </div>
 
               <div className="mb-[5px] flex text-xs font-normal text-zinc-500">
-                <UserIcon size={13} fill="gray4" />
-                <span className="ml-[4px]">{numberOfPeople}명과 공유중</span>
+                <UserIcon size={13} fill="#888" color="none" />
+                <span>{numberOfPeople}명과 공유중</span>
               </div>
             </div>
           </div>

From c38a0cada9eca4ff75eaf0a25fe9fc5365d5f06e Mon Sep 17 00:00:00 2001
From: NohWookJin <jinn98@kakao.com>
Date: Tue, 16 Jan 2024 17:31:03 +0900
Subject: [PATCH 2/2] =?UTF-8?q?style:=20=EC=97=AC=EC=A0=95=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=EC=A1=B0=ED=9A=8C=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyTrip/MyTrip.tsx     | 3 +++
 src/pages/create/createTrip.page.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/MyTrip/MyTrip.tsx b/src/components/MyTrip/MyTrip.tsx
index 8958338b..ae8ed92e 100644
--- a/src/components/MyTrip/MyTrip.tsx
+++ b/src/components/MyTrip/MyTrip.tsx
@@ -31,6 +31,9 @@ const MyTrip = () => {
 
   return (
     <div className="mt-3 min-h-[100vh]">
+      <div className="pb-[15px]">
+        <h1 className="text-2xl font-bold text-black ">나의 여정</h1>
+      </div>
       {data.length > 0 ? (
         <>
           <MyTripIngList myTripsData={ingTrips} />
diff --git a/src/pages/create/createTrip.page.tsx b/src/pages/create/createTrip.page.tsx
index c9e2b865..a6640f62 100644
--- a/src/pages/create/createTrip.page.tsx
+++ b/src/pages/create/createTrip.page.tsx
@@ -35,7 +35,7 @@ export const CreateTrip = () => {
     queryFn: () => getMemberTrips(),
   });
 
-  const MY_TRIP_NUMBER = data?.data.numberOfElements + 1;
+  const MY_TRIP_NUMBER = data?.numberOfElements + 1;
   const defaultTitle = `나의 여정 ${MY_TRIP_NUMBER}`;
 
   const handleSubmit = async () => {