From ce50c3c4f55332772bfdd0ef7d185ddd389ec728 Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Mon, 22 Jun 2026 16:36:09 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EB=B3=B4=EA=B3=A0=EC=84=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=EB=B2=84=ED=8A=BC=EC=9D=84=20=EA=B3=B5?=
 =?UTF-8?q?=EC=9A=A9=20.btn=20=ED=81=AC=EA=B8=B0=EB=A1=9C=20=ED=86=B5?=
 =?UTF-8?q?=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

보고서 작성 모달의 취소/보내기 버튼을 커스텀 소형 버튼 → 전역 .btn / .btn primary(height 2.25rem)로 교체해 다른 화면과 크기 통일.

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

diff --git a/frontend/src/pages/relay/TaskDetailPage.vue b/frontend/src/pages/relay/TaskDetailPage.vue
index be64189..105bb9c 100644
--- a/frontend/src/pages/relay/TaskDetailPage.vue
+++ b/frontend/src/pages/relay/TaskDetailPage.vue
@@ -1764,14 +1764,14 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
             />
             <div class="cp-write-actions">
               <button
-                class="cp-cancel-btn"
+                class="btn"
                 type="button"
                 @click="cancelReportForm"
               >
                 취소
               </button>
               <button
-                class="cp-send-btn"
+                class="btn primary"
                 type="button"
                 :disabled="reportSubmitting"
                 @click="submitReport"
@@ -3525,35 +3525,8 @@ a.file-info {
   justify-content: flex-end;
   gap: 0.5rem;
 }
-.cp-cancel-btn {
-  border: 1px solid var(--border-strong);
-  background: #fff;
-  color: var(--text-2);
-  font-family: inherit;
-  font-size: 0.781rem;
-  font-weight: 600;
-  padding: 0.375rem 0.75rem;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-}
-.cp-cancel-btn:hover {
-  background: #f5f6f8;
-}
-.cp-send-btn {
-  border: none;
-  background: var(--accent);
-  color: #fff;
-  font-family: inherit;
-  font-size: 0.781rem;
-  font-weight: 700;
-  padding: 0.375rem 0.875rem;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-}
-.cp-send-btn:hover:not(:disabled) {
-  background: var(--accent-hover);
-}
-.cp-send-btn:disabled {
+/* 공용 .btn 사용 — 비활성만 보강 */
+.cp-write-actions .btn:disabled {
   opacity: 0.6;
   cursor: default;
 }