Files
Aislo/B08_Quantity/B08_Quantity_UI_Page.css
T
eomsangdonandClaude Opus 5.5 fd0ab2817d fix(B08): 자재 집계표 끝수 줄마다(엑셀 꼴) · 총괄 막자갈 줄 · 빈 칸 까닭 안내 · 자재 열 머리 줄바꿈 · 세월교 관 길이(B06 새 키) → 파형강관 · 커플링(131-1)
- 총괄 끝수 = 레미콘 ROUND 2 · 철근 · 와이어메쉬 ROUND 3 · 시멘트 ROUND 0 · 그 밖 ROUNDUP 0 (TS · 파이썬 짝)
- 총괄 막자갈 줄(할증 4 % · 수량 빈칸 — 채집)
- 총괄 · 콘크리트소요 위 「단위수량 빈 줄 n개」 + 구조물 집계표 알림 한 줄
- B06 ford_pipe_length_m(그린 관 한 련 길이 1 m 올림 · 주인 측점만) → 구조물 집계표 관매설 · 커플링 × 련
- test_121 기대값 31.62 · 새 test_131

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt
2026-10-08 20:23:16 +09:00

58 lines
1.6 KiB
CSS

/* B08 수량산출 — 위 탭 · 보조 탭 줄. 색은 테마 변수만(밝음 · 어두움 같이). */
.b08-quantity {
display: flex;
flex-direction: column;
gap: var(--spacing-8); /* 보조 탭 줄 위 = 아래(.b08-quantity__tabs padding-bottom) */
padding: var(--spacing-16) var(--spacing-24); /* M02 본문(.m02-main)과 같은 값 */
}
.b08-quantity .ui-general-block__empty {
color: var(--color-text-secondary); /* muted 는 밝은 테마에서 대비 3:1 — 4.5:1 로 */
}
.b08-quantity__tabs {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-8);
padding-bottom: var(--spacing-8);
border-bottom: 1px solid var(--color-border);
}
/* 자재 집계표 셋(121) — 안내 글 · [저장] 한 줄 */
.b08-material__toolbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--spacing-16);
margin-bottom: var(--spacing-8);
}
.b08-material__toolbar > .ui-btn {
flex: 0 0 auto;
}
/* 구조물 · 자재 집계표 머리 — 좁은 열(44~100)에서 말줄임 대신 줄바꿈(120-2 · 131 · 공용 표 CSS 는 그대로) */
[data-b08-summary="table"] thead th,
[data-b08-material] thead th {
white-space: normal;
overflow-wrap: anywhere;
}
/* 좌측 패널 옵션(122) — 연암 · 경암 두 칸 나란히 · 설명 한 줄 */
.b08-options__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--spacing-8);
}
.b08-options__row--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.b08-options__hint {
margin: var(--spacing-4) 0 0;
color: var(--color-text-secondary);
font-size: var(--text-caption);
}