From 116560b549416dd26424b25321096a004fffffda Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Sun, 21 Jun 2026 11:41:10 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=97=85=EB=AC=B4=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=20=EC=9D=B8=ED=92=8B=EB=8F=84=20=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EC=8B=9C=20=EB=B9=A8=EA=B0=84=20=ED=85=8C=EB=91=90=EB=A6=AC=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

borderless 제목 인풋에 has-error 시 빨간 테두리(+가로 패딩) 부여 —
에디터·담당자 필드와 일관. box-sizing:border-box 라 overflow 없음,
세로 패딩 유지로 레이아웃 점프 최소화.

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

diff --git a/frontend/src/pages/relay/TaskCreatePage.vue b/frontend/src/pages/relay/TaskCreatePage.vue
index db6a57c..79f6d78 100644
--- a/frontend/src/pages/relay/TaskCreatePage.vue
+++ b/frontend/src/pages/relay/TaskCreatePage.vue
@@ -422,6 +422,7 @@ function goBack() {
           <input
             v-model="title"
             class="title-input"
+            :class="{ 'has-error': titleError }"
             placeholder="업무 제목을 입력하세요"
           >
           <div
@@ -994,6 +995,11 @@ function goBack() {
 .title-input::placeholder {
   color: #c4c8cf;
 }
+.title-input.has-error {
+  border: 1px solid var(--red);
+  border-radius: var(--radius);
+  padding: 1.25rem 0.75rem 0.875rem;
+}
 .field-error {
   font-size: 0.75rem;
   color: var(--red);