Fix: 리뷰/댓글 디자인 개선

WePlanPlans · Jan 11, 2024 · 8b4caa2 · 8b4caa2
1 parent 6dbb7f6
commit 8b4caa2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/DetailSectionTop/DetailAddSchedule.tsx b/src/components/DetailSectionTop/DetailAddSchedule.tsx
@@ -13,8 +13,8 @@ const DetailAddSchedule = () => {
   return (
     <Dialog.Root>
       <Dialog.Trigger asChild>
-        <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 ">
-          <CalendarIcon className="mb-[5px]" />
+        <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 pr-4 ">
+          <CalendarIcon className="mb-[2px]" />
           <span className="text-sm ">일정 추가</span>
         </button>
       </Dialog.Trigger>

diff --git a/src/components/DetailSectionTop/DetailToursButtons.tsx b/src/components/DetailSectionTop/DetailToursButtons.tsx
@@ -44,8 +44,8 @@ export default function DetailTourButtons({ reviewData }: reviewProps) {
         <DetailAddSchedule />
         <button
           onClick={handlePostingReivew}
-          className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
-          <PenIcon />
+          className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2 pr-4">
+          <PenIcon className="mt-[3px]" />
           <span className="text-sm ">리뷰 쓰기</span>
         </button>
       </div>

diff --git a/src/components/common/icons/Icons.tsx b/src/components/common/icons/Icons.tsx
@@ -268,13 +268,15 @@ export const PenIcon: React.FC<IconProps> = ({
   size = 25,
   color = 'black',
   fill = 'none',
+  className,
 }) => {
   return (
     <svg
       width={size}
       height={size}
       viewBox="0 0 21 21"
       fill={fill}
+      className={className}
       xmlns="http://www.w3.org/2000/svg">
       <g id="Group 36684">
         <g id="Group 36683">