style: 업무 제목 인풋도 에러 시 빨간 테두리 표시

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

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-21 11:41:10 +09:00
parent 612d6c7de8
commit 116560b549
@@ -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);