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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user