eomsangdonandClaude Opus 5.5
40ed04b15f
- 171-2 새 공용 ui_template_group_cards(.ts · .css) — 머리(호표 · 명칭 · 규격 · 단위 · 합계) · 몸 줄(이름 · 규격 · 수량 · 단위 · 합계 · 비고) · 합계 줄(노무 · 재료 · 경비 · 계) - 글자 14px 한 벌 · 줄 간격 좁게(공용 카드 16px 끼움 없음) · 숫자 오른쪽 · 줄 금액 = 합계만 + 비목 셋 풍선 - 가로 열 수 1~4(기본 2) · 묶음 12 넘으면 요약 보기(머리 · 합계만 · 머리 누름 = 펼침 · 모두 펼침 · 접기) - 157-2 산근 카드 파일 갈음(지움) - 171-3 일위대가표 · 중기사용료 · 단가산출근거 = 카드 기본 · [표로 보기] = 표 그대로 · 보기 · 열 수 기억(b_page_state 두 줄 · 탭마다) - 값 · 풍선 · 칸 누름 이동 = 표 줄 그대로 · 집계표 · 설계내역서 · B08 대상 밖 - 시험 test_171_2 · test_171_3 · 공용 도우미(가짜 DOM) · test_157_2 갈음 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015KYZ2HWWdUwZWYnn3tQz7X
46 lines
1.2 KiB
CSS
46 lines
1.2 KiB
CSS
/* B09 원가계산 — 탭 줄 · 안내 글. 색은 테마 변수만(밝음 · 어두움 같이). */
|
|
|
|
.b09-estimation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
padding: var(--spacing-16) var(--spacing-24); /* B08 본문과 같은 값 */
|
|
}
|
|
|
|
.b09-estimation .ui-general-block__empty,
|
|
.b09-estimation__hint {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.b09-estimation__hint {
|
|
margin: 0 0 var(--spacing-8);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.b09-estimation__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4);
|
|
padding-bottom: var(--spacing-8);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
/* 표 머리 — 좁은 열에서 말줄임 대신 줄바꿈 */
|
|
[data-b09-table] thead th {
|
|
white-space: normal;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
/* 171-3 묶음 탭 머리 — 안내 글 + 보기 단추 */
|
|
.b09-estimation__bar {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
/* 166-2 설계내역서 손 줄 — 사용자가 더한 줄 표시(왼쪽 띠) */
|
|
.b09-estimation .ui-data-table__table tbody tr.is-hand td:first-child {
|
|
background-image: linear-gradient(to right, var(--color-primary) 3px, transparent 3px);
|
|
}
|