UI: #206 일정 파일 다운로드 버튼 태그 구성 변경 (#207)

* UI: #206 일정 파일 다운로드 버튼 태그 구성 변경 & 스타일 변경 * UI: #206 드래그 선택 불가능 하도록 select-none 추가
GU-99 · Oct 14, 2024 · e1b57a2 · e1b57a2
1 parent 4ae00e8
commit e1b57a2
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/components/modal/task/DetailModalTask.tsx b/src/components/modal/task/DetailModalTask.tsx
@@ -109,15 +109,15 @@ export default function DetailModalTask({
                   <h2 className="my-5 text-large font-bold">파일 다운로드</h2>
                   <ul className="flex flex-wrap gap-5">
                     {taskFileList.map(({ fileId, fileName, uploadName }) => (
-                      <li
-                        key={fileId}
-                        className="flex cursor-pointer items-center gap-5 rounded-md bg-button px-4 py-2 hover:bg-sub"
-                        aria-label="file download"
-                      >
-                        <button type="button" onClick={() => handleDownloadClick(fileName, uploadName)}>
-                          {fileName}
+                      <li key={fileId} aria-label="file download">
+                        <button
+                          type="button"
+                          className="flex select-none items-center gap-5 rounded-md bg-button px-4 py-2 hover:bg-sub"
+                          onClick={() => handleDownloadClick(fileName, uploadName)}
+                        >
+                          <span>{fileName}</span>
+                          <LuDownload />
                         </button>
-                        <LuDownload />
                       </li>
                     ))}
                   </ul>