eomsangdonandClaude Opus 5.5
4abfc5b265
- 표 resources/master_data/자재조합.json → resources/master_template/자재조합.json(git mv) · 키 UM 은 표 안 「다음」 번호 · _키대장 · master_keys 의 UM 뺌 · check_master 틀이 새 자리를 같이 봄
- 서버: M01 /api/m01/matset* 뺌 · M02 저장소 M02_MasterTemplete_Matset.py(목록 · 새로 · 고치기 · 지우기 · 쓰는 열 검사) · 길 GET/POST /api/m02/material-combos · PUT/DELETE /api/m02/material-combos/{키} · 갈라 내기(branchMaterialCombo)도 이 저장소로
- 화면: M01 좌측 「자재 조합」 컨테이너 뺌 · M02 좌측 「자재 조합」 컨테이너(찾기 · 키 맨 앞 목록 · 새로 · 본떠 만들기 · 지우기) · 메인 칸 상세(이름 · 비고 · 본뜬키 · 담은 자재 표 · 자재 더하기 · 빼기 · 저장) · 쓰는 열이 있으면 지우기는 확인 창 없이 알림
- 시험: test_m01_matset → test_m02_matset · test_m02_combo_branch 사본 자리 · 실제 자재 코드
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VwJQ5eRrCKf3nH9EFeKvJz
121 lines
2.5 KiB
CSS
121 lines
2.5 KiB
CSS
/* M02 마스터 템플릿 — 좌측 패널 + 메인. 카드·목록·줄 모양은 공용 ui-sidebar-*
|
|
(ui_template_overlay.css, M01 과 한 벌) — 여기는 패널 위 여백만. */
|
|
.m02-side {
|
|
padding-top: var(--spacing-8);
|
|
}
|
|
|
|
.m02-side__empty {
|
|
margin: 0;
|
|
color: var(--color-text-muted);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-side__row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m02-main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
min-width: 0;
|
|
padding: var(--spacing-16) var(--spacing-24);
|
|
}
|
|
|
|
.m02-main__head {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--spacing-12);
|
|
}
|
|
|
|
.m02-main__title {
|
|
flex: 0 1 auto;
|
|
min-width: 3rem;
|
|
overflow-wrap: anywhere; /* 번호 + 이름 — 잘리지 않게 줄바꿈 */
|
|
margin: 0;
|
|
color: var(--color-text);
|
|
font-size: var(--text-body);
|
|
}
|
|
|
|
.m02-main__head .ui-btn {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.m02-main__slot {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-main__notice {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
padding: var(--spacing-8) var(--spacing-12);
|
|
border-left: 4px solid var(--color-danger);
|
|
background: color-mix(in srgb, var(--color-danger) 10%, var(--color-canvas));
|
|
color: var(--color-danger);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-main__host {
|
|
min-height: 240px;
|
|
}
|
|
|
|
/* 면적산출 · 재료산출 전체 편집 — `.ss` 는 height:100% 로 부모 높이를 받음 · 도면 편집과 같이 메인 칸을 화면 높이로 채움 */
|
|
.m02-main:has(> .m02-main__host > .ss) {
|
|
box-sizing: border-box;
|
|
height: calc(100vh - var(--spacing-64));
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-main__host:has(> .ss) {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.m02-main__host > .ss {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.m02-main__empty {
|
|
margin: 0;
|
|
padding: var(--spacing-24);
|
|
color: var(--color-text-muted);
|
|
text-align: center;
|
|
}
|
|
|
|
.m02-modal__field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
/* 좌측 「자재 조합」 상세(메인 칸) — 이름 · 비고 · 본뜬키 + 담은 자재 표(줄 모양은 재료산출 옆 판 `m02-mat__row`) */
|
|
.m02-matset {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
max-width: 56rem;
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-matset__fields {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
gap: var(--spacing-12);
|
|
}
|
|
|
|
.m02-matset__head {
|
|
margin: 0;
|
|
color: var(--color-text);
|
|
font-size: var(--text-body);
|
|
}
|