eomsangdonandClaude Opus 5.5
5b4aed1b20
- UI_Main: 종류 labor 갈래 한 곳(mountLaborDetail · 「면적산출에서 잇기」 = 물은 뒤 그 열 면적산출) · 번호 칸 일위대가번 - Api_Fetch: Kind 에 labor - 새 Labor_View.ts(createLaborView — 면적산출 오른쪽 패널 · 일위대가 카드용 · 담은 로직 + 자재목록 · show · setQty · onRow) - Labor_Detail: 면적산출 연결 칸 → 「수량 F14 = …」 · 수량만 바뀌면 Labor_Calc.settle 로 서버 없이 · 손 입력 숫자는 수로 - Labor_Api: calc 답 모양은 Labor_Calc.ts 것을 씀 · normalizeLabor · areaLinks - 자재 표 머리 「단위」 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01MgChuAcyBqUkhHMTXomQC7
139 lines
2.7 KiB
CSS
139 lines
2.7 KiB
CSS
/* 일위대가 조합 화면 — 표는 칸 폭을 채움 · 미리 보기 금액은 오른쪽 맞춤 ·
|
|
흐린 안내 글은 보조 글색(뮤트 글색은 밝은 테마에서 대비 3.1 로 모자람) */
|
|
.m01-combo .m01-master__grid {
|
|
width: 100%;
|
|
}
|
|
|
|
.m01-combo [data-combo="preview"] th:not(:first-child),
|
|
.m01-combo [data-combo="preview"] td:not(:first-child) {
|
|
text-align: right;
|
|
}
|
|
|
|
.m01-combo .m01-logic__muted {
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
/* 조합 목록 — 공용 표 모양(줄 선 · 머리 줄) · 줄을 누르면 상세(PLAN 30-5) */
|
|
.m02-labor__list tbody tr {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.m02-labor__list tbody tr:hover {
|
|
background: var(--color-mist-violet);
|
|
}
|
|
|
|
/* 일위대가 상세(39-3) — 담은 로직 · 자재목록 표 · 금액 칸 두 줄(위 기준 작게 · 아래 반영) */
|
|
.m02-labrow {
|
|
width: 100%;
|
|
}
|
|
|
|
.m02-labrow__row.is-open {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.m02-labrow__row.is-open:hover {
|
|
background: var(--color-mist-violet);
|
|
}
|
|
|
|
.m02-labrow__name {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
min-width: 12rem;
|
|
}
|
|
|
|
.m02-labrow__key,
|
|
.m02-labrow__note,
|
|
.m02-labrow__muted {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-labrow__empty {
|
|
color: var(--color-danger);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-labrow__money,
|
|
.m02-labrow__num {
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.m02-labrow__money {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.m02-labrow__base {
|
|
display: block;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-labrow__applied {
|
|
display: block;
|
|
}
|
|
|
|
.m02-labrow__sum td {
|
|
font-weight: 600;
|
|
border-top: 2px solid var(--color-border);
|
|
}
|
|
|
|
.m02-labrow__move {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 입력 모달 */
|
|
.m02-labin {
|
|
width: min(40rem, calc(100vw - 32px));
|
|
}
|
|
|
|
.m02-labin__qty {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
padding-top: var(--spacing-8);
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
|
|
.m02-labin__qty-line {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-labin__muted {
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-labin__lost {
|
|
margin: 0;
|
|
color: var(--color-danger);
|
|
font-size: var(--text-caption);
|
|
}
|
|
|
|
.m02-labin__foot {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: var(--spacing-8);
|
|
margin-top: var(--spacing-12);
|
|
}
|
|
|
|
/* 보기 갈래(면적산출 오른쪽 패널 · 일위대가 카드) */
|
|
.m02-labview {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-labview__title {
|
|
margin: 0;
|
|
font-size: var(--text-body-sm);
|
|
}
|