feat(M02): 47-5 일위대가 줄 누름 = 고름 하이라이트 · [옵션] 단추로 넣을 값 모달 · 줄 단추 공용 묶음

- 단가산출 로직 표 줄 누름 = 고른 줄 하이라이트(로직 키 · 다시 그려도 유지) · 넣을 값 모달은 새 [옵션] 단추
- 줄 단추 이름 위로 · 아래로 · 옵션 · 삭제(빨강) · 카드 갈래 = 옵션 · 삭제
- 공용 단추 묶음 `ui-btn-group` · 간격 토큰 `--btn-group-gap`(4px) — 이 표에만 적용
- 시험: test_m02_card_shell 낡은 글 맞춤 + 47-5 확인 · 화면 시나리오 ui_checks/47-5_일위대가_줄_고름.js

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MgChuAcyBqUkhHMTXomQC7
This commit is contained in:
2026-10-05 13:41:13 +09:00
co-authored by Claude Opus 5.5
parent 935d6acbe4
commit cd1ef69d2b
8 changed files with 218 additions and 25 deletions
@@ -48,6 +48,13 @@
gap: var(--spacing-8);
}
/* 붙은 단추 묶음(표 줄 위로 · 아래로 · 옵션 · 삭제 등) — 사이 간격은 `--btn-group-gap` 하나 */
.ui-btn-group {
display: inline-flex;
align-items: center;
gap: var(--btn-group-gap);
}
.ui-general-block__table-wrap {
overflow-x: auto;
}
+1
View File
@@ -140,6 +140,7 @@
--spacing-96: 96px;
--spacing-104: 104px;
--spacing-216: 216px;
--btn-group-gap: var(--spacing-4); /* 붙은 단추 묶음(.ui-btn-group) 사이 */
/* ---------------------------------------------------------------------------
* 5. 보더 반경 (Border Radius) — 8px 시그니처