Design: 삭제 아이콘 수정

TripInfoWeb · Sep 17, 2024 · b29407e · b29407e
1 parent cd3f419
commit b29407e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 19 deletions.
diff --git a/src/components/common/icons/DeleteIcon.tsx b/src/components/common/icons/DeleteIcon.tsx
@@ -6,44 +6,43 @@ const DeleteIcon = ({ className }: Props) => {
   return (
     <svg
       className={className}
-      width="16"
-      height="16"
+      width="18"
+      height="18"
       viewBox="0 0 18 18"
+      fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M1.04688 2.96985H16.8998"
+        d="M1.07422 3.06006H16.9271"
         stroke-width="1.5"
         stroke-linecap="round"
       />
       <path
-        d="M6.00098 13.8593L6.00098 5.93969"
+        d="M6.02734 13.9497L6.02734 6.03011"
         stroke-width="1.5"
         stroke-linecap="round"
       />
       <path
-        d="M8.97363 13.8593L8.97363 5.93969"
+        d="M9 13.9497L9 6.03011"
         stroke-width="1.5"
         stroke-linecap="round"
       />
       <path
-        d="M11.9453 13.8593L11.9453 5.93969"
+        d="M11.9727 13.9497L11.9727 6.03011"
         stroke-width="1.5"
         stroke-linecap="round"
       />
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
-        d="M7.00977 1.5H10.9362C11.2124 1.5 11.4362 1.72386 11.4362 2V2.4598H6.50977V2C6.50977 1.72386 6.73362 1.5 7.00977 1.5ZM5.00977 2C5.00977 0.895429 5.9052 0 7.00977 0H10.9362C12.0408 0 12.9362 0.895431 12.9362 2V2.4598V2.96985H5.00977V2.4598V2Z"
-        fill="#A3A3A3"
-        stroke-width="0.5"
+        d="M7.03711 1.59033H10.9636C11.2397 1.59033 11.4636 1.81419 11.4636 2.09033V2.55013H6.53711V2.09033C6.53711 1.81419 6.76097 1.59033 7.03711 1.59033ZM5.03711 2.09033C5.03711 0.985761 5.93254 0.090332 7.03711 0.090332H10.9636C12.0681 0.090332 12.9636 0.985763 12.9636 2.09033V2.55013V3.06018H5.03711V2.55013V2.09033Z"
+        stroke-width="0.1"
       />
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
-        d="M2.03711 4.94978V13.8191C2.03711 16.0283 3.82797 17.8191 6.03711 17.8191H11.9084C14.1176 17.8191 15.9084 16.0283 15.9084 13.8191V4.94978H14.4084V13.8191C14.4084 15.1998 13.2891 16.3191 11.9084 16.3191H6.03711C4.6564 16.3191 3.53711 15.1998 3.53711 13.8191V4.94978H2.03711Z"
-        fill="#A3A3A3"
-        stroke-width="0.5"
+        d="M2.06445 5.04008V13.9094C2.06445 16.1186 3.85531 17.9094 6.06445 17.9094H11.9358C14.1449 17.9094 15.9358 16.1186 15.9358 13.9094V5.04008H14.4358V13.9094C14.4358 15.2901 13.3165 16.4094 11.9358 16.4094H6.06445C4.68374 16.4094 3.56445 15.2901 3.56445 13.9094V5.04008H2.06445Z"
+        stroke-width="0.1"
       />
     </svg>
   );

diff --git a/src/components/diary/detail/DiaryViewer.tsx b/src/components/diary/detail/DiaryViewer.tsx
@@ -91,10 +91,10 @@ const DiaryViewer = ({
           수정
         </Link>
         <button
-          className="flex flex-row items-center gap-1 stroke-gray2 text-sm text-gray1 hover:stroke-main hover:text-main"
+          className="flex flex-row items-center gap-1 fill-gray2 stroke-gray2 text-sm text-gray1 hover:fill-main hover:stroke-main hover:text-main"
           onClick={() => openModal()}
         >
-          <DeleteIcon />
+          <DeleteIcon className="fill-inherit" />
           삭제
         </button>
       </div>

diff --git a/src/components/gathering/read/detail/GatheringUpdateDeleteButtonComponent.tsx b/src/components/gathering/read/detail/GatheringUpdateDeleteButtonComponent.tsx
@@ -23,17 +23,17 @@ const GatheringUpdateDeleteButtonComponent = ({
       {authStore.id == userId && authStore.id > 0 && (
         <div className="mt-6 flex w-full flex-row items-center justify-end gap-3 text-sm">
           <Link
-            className="flex flex-row items-center gap-1 stroke-gray2 hover:text-main"
+            className="flex flex-row items-center gap-1 stroke-gray2 hover:stroke-main hover:text-main"
             href={updateHref}
           >
             <EditIcon />
             수정
           </Link>
           <button
-            className="items-center stroke-gray2 flex flex-row gap-1 hover:text-main"
+            className="flex flex-row items-center gap-1 stroke-gray2 hover:fill-main hover:stroke-main hover:text-main"
             onClick={() => deleteHandler()}
           >
-            <DeleteIcon />
+            <DeleteIcon className="fill-inherit" />
             삭제
           </button>
         </div>

diff --git a/src/components/informations/detail/ButtonList.tsx b/src/components/informations/detail/ButtonList.tsx
@@ -40,10 +40,10 @@ const ButtonList = ({
         수정
       </Link>
       <button
-        className="flex flex-row items-center gap-1 stroke-gray2 text-sm text-gray1 hover:stroke-main hover:text-main"
+        className="flex flex-row items-center gap-1 fill-gray2 stroke-gray2 text-sm text-gray1 hover:fill-main hover:stroke-main hover:text-main"
         onClick={() => setModalVisible(true)}
       >
-        <DeleteIcon />
+        <DeleteIcon className="fill-inherit" />
         삭제
       </button>
     </div>