From 544d49aa973c4eb5a9455aeb91cd58c7e88e788a Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Sun, 21 Jun 2026 10:46:35 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=97=85=EB=AC=B4=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EC=B2=A8=EB=B6=80=ED=8C=8C=EC=9D=BC=20=EC=84=A0?=
 =?UTF-8?q?=ED=83=9D=EC=9D=84=20=EA=B0=95=EC=A1=B0=20=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EC=9D=BC=EB=B0=98=20=EB=B2=84=ED=8A=BC=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

기존: 점선 테두리 + 강조색(accent) 굵은 '클릭하여 파일 선택' 드롭존(강조 스타일)
변경: 클립 아이콘 + '파일 선택' 의 차분한 보조 버튼(.attach-btn). 미사용
.dropzone.is-disabled 잔여 스타일도 제거.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/relay/TaskCreatePage.vue | 59 +++++++++++----------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/frontend/src/pages/relay/TaskCreatePage.vue b/frontend/src/pages/relay/TaskCreatePage.vue
index d57a215..b146eb3 100644
--- a/frontend/src/pages/relay/TaskCreatePage.vue
+++ b/frontend/src/pages/relay/TaskCreatePage.vue
@@ -803,11 +803,21 @@ function goBack() {
                 </div>
               </div>
               <button
-                class="dropzone"
+                class="attach-btn"
                 type="button"
                 @click="triggerFilePicker"
               >
-                <b>클릭하여 파일 선택</b>
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" />
+                </svg>
+                파일 선택
               </button>
               <input
                 ref="fileInput"
@@ -1372,15 +1382,6 @@ function goBack() {
 .date-input {
   cursor: pointer;
 }
-.dropzone.is-disabled {
-  cursor: default;
-  opacity: 0.7;
-}
-.dropzone.is-disabled:hover {
-  border-color: var(--border-strong);
-  background: #fafbfc;
-  color: var(--text-3);
-}
 .combo-field {
   border: 1px solid var(--border-strong);
   border-radius: var(--radius);
@@ -1496,26 +1497,28 @@ function goBack() {
 }
 
 /* 첨부파일 */
-.dropzone {
-  width: 100%;
-  border: 1.5px dashed var(--border-strong);
+.attach-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4375rem;
+  height: 2.25rem;
+  padding: 0 0.875rem;
+  border: 1px solid var(--border-strong);
   border-radius: var(--radius);
-  padding: 0.8125rem;
-  text-align: center;
-  color: var(--text-3);
+  background: #fff;
+  color: var(--text-2);
   font-family: inherit;
-  font-size: 0.781rem;
-  cursor: pointer;
-  background: #fafbfc;
-}
-.dropzone:hover {
-  border-color: var(--accent-border);
-  background: var(--accent-weak);
-  color: var(--accent);
-}
-.dropzone b {
-  color: var(--accent);
+  font-size: 0.8125rem;
   font-weight: 600;
+  cursor: pointer;
+}
+.attach-btn:hover {
+  background: #f7f8fa;
+  color: var(--text);
+}
+.attach-btn svg {
+  width: 0.875rem;
+  height: 0.875rem;
 }
 .files {
   display: flex;