eomsangdonandClaude Opus 5.5
9e53b866e2
- 모달 = 공용 wide(96vw × 94vh) · 자기 폭 규칙 지움 - 도면 · 일위대가 · 면적산출 카드 = 한 줄 세 칸(3:2:2) · 카드 높이 큰 창에 맞춤 · 칸 사이 넓힘 - 조합끼리 가름줄 - 시험 test_156_1 덧붙임 · test_61_2 옛 폭 판정을 wide 로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01STqEqztUthVFBmEP18wBSz
80 lines
1.9 KiB
CSS
80 lines
1.9 KiB
CSS
/* B08 구조물도 모달(PLAN 95-3) — 조합마다 카드 셋(도면 · 일위대가 · 면적산출). 색은 테마 변수만.
|
||
창 크기 = 공용 wide(96vw × 94vh · 156-4). */
|
||
|
||
.b08-sheets .ui-modal__body {
|
||
gap: var(--spacing-24);
|
||
}
|
||
|
||
.b08-sheets__combo {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: var(--spacing-8);
|
||
}
|
||
|
||
/* 조합끼리 가름줄(156-4) */
|
||
.b08-sheets__combo + .b08-sheets__combo {
|
||
padding-top: var(--spacing-24);
|
||
border-top: 1px solid var(--color-border);
|
||
}
|
||
|
||
.b08-sheets__title {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: var(--spacing-8);
|
||
margin: 0;
|
||
font-size: var(--text-body);
|
||
color: var(--color-text);
|
||
}
|
||
|
||
.b08-sheets__from {
|
||
font-size: var(--text-caption);
|
||
font-weight: var(--font-weight-regular);
|
||
color: var(--color-text-secondary);
|
||
}
|
||
|
||
/* M02 에 없는 조합 안내 — 빨간 글 */
|
||
.b08-sheets__combo > .ui-general-block__empty {
|
||
color: var(--color-danger);
|
||
}
|
||
|
||
/* 카드 셋(도면 · 일위대가 · 면적산출) = 한 줄 세 칸 · 도면을 조금 넓게 · 높이 = 큰 창에 맞춤(156-4) */
|
||
.b08-sheets .m02-struct {
|
||
--m02-struct-card-h: max(480px, calc(94vh - 14rem));
|
||
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2fr);
|
||
gap: var(--spacing-16);
|
||
}
|
||
|
||
@media (max-width: 960px) {
|
||
.b08-sheets .m02-struct {
|
||
grid-template-columns: minmax(0, 1fr);
|
||
}
|
||
}
|
||
|
||
/* 「조합 연결」 칸(154-2) — 시설 이름 · 칸 줄(이름 · 연결 여부 · [선택]) */
|
||
.b08-link__facility {
|
||
margin: 0;
|
||
font-weight: var(--font-weight-semibold);
|
||
color: var(--color-text);
|
||
}
|
||
|
||
.b08-link__slot {
|
||
display: grid;
|
||
grid-template-columns: minmax(120px, 200px) 1fr auto;
|
||
align-items: center;
|
||
gap: var(--spacing-8);
|
||
padding-left: var(--spacing-16);
|
||
}
|
||
|
||
.b08-link__buttons {
|
||
display: flex;
|
||
gap: var(--spacing-8);
|
||
}
|
||
|
||
.b08-link__state {
|
||
color: var(--color-text-secondary);
|
||
}
|
||
|
||
.b08-link__state.is-missing {
|
||
color: var(--color-danger);
|
||
}
|