style: 세부 디자인 수정

WePlanPlans · Jan 19, 2024 · 528fb99 · 528fb99
1 parent 2c63edd
commit 528fb99
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/src/components/MyTrip/MyTripItem.tsx b/src/components/MyTrip/MyTripItem.tsx
@@ -59,7 +59,7 @@ const MyTripItem: React.FC<MyTripItemProps> = ({ myTripList }) => {
           <div className="flex min-h-[72px]">
             <div>
               <img
-                className="rounded-1 h-[72px] min-h-[72px] w-[72px] rounded-[16px] object-cover"
+                className="rounded-1 h-[72px] min-h-[72px] min-w-[72px] rounded-[16px] object-cover"
                 src={tripThumbnailUrl}
                 alt="여행지 이미지"
               />

diff --git a/src/components/Trip/LikedToursLists/LikedToursListItem.tsx b/src/components/Trip/LikedToursLists/LikedToursListItem.tsx
@@ -106,15 +106,15 @@ const LikedToursListItem: React.FC<LikedToursListItemProps> = ({
               <button
                 onClick={onClickThumbsUpButton}
                 className="mr-[4px] flex min-h-[24px] min-w-[46px] items-center justify-center rounded border border-solid border-gray-400 px-[8px] py-[1px] opacity-80">
-                {prefer ? <ThumbsUp /> : <ThumbsUp />}
+                {prefer ? <ThumbsUp fill="#28D8FF" /> : <ThumbsUp />}
                 <span className="pl-[2px] text-[14px] text-gray7">
                   {preferTotalCount}
                 </span>
               </button>
               <button
                 onClick={onClickThumbsDownButton}
                 className="flex min-h-[24px] min-w-[46px] items-center justify-center rounded border border-solid  border-gray-400  px-[8px] py-[1px] opacity-80">
-                {notPrefer ? <ThumbsDown /> : <ThumbsDown />}
+                {notPrefer ? <ThumbsDown fill="#28D8FF" /> : <ThumbsDown />}
                 <span className="pl-[2px] text-[14px] text-gray7">
                   {notPreferTotalCount}
                 </span>

diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx
@@ -1327,11 +1327,11 @@ export const ThumbsUp: React.FC<IconProps> = ({
         clipRule="evenodd"
         d="M4.03223 13.5191V7.08203H5.03223V13.5191H4.03223Z"
         fill={fill}
-       />
+      />
     </svg>
   );
 };
-  
+
 export const ThumbsDown: React.FC<IconProps> = ({
   size = 16,
   fill = '#1E1E1E',
@@ -1358,7 +1358,7 @@ export const ThumbsDown: React.FC<IconProps> = ({
     </svg>
   );
 };
-  
+
 export const NewIcon: React.FC<IconProps> = ({
   size = 11,
   fill = '#1E1E1E',
@@ -1549,7 +1549,6 @@ export const DragAndDropIcon: React.FC<IconProps> = ({}) => {
   );
 };
 
-
 export const PaperIcon: React.FC<IconProps> = ({}) => {
   return (
     <svg