feat(M02): 집계표 아래 카드 — 면적산출 · 재료산출 두 카드 + 간격이 도면 정보 폭과 같음 · 카드 최소 폭 520px

- grid auto-fit/minmax 한 규칙 · 카드 하나가 520px 안 되면 한 줄에 하나씩(각각 도면 정보와 같은 전체 폭)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA
This commit is contained in:
2026-09-28 15:13:12 +09:00
co-authored by Claude Sonnet 5
parent c608b9554f
commit 73040246ae
@@ -6,10 +6,11 @@
display: contents;
}
/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 나란히 두 열 · 좁으면(두 카드가 30rem 안 되면) 한 열 */
/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 반반(둘 합 + 간격 = 도면 정보 폭) ·
카드 하나가 520px 안 되면 한 줄에 하나씩 */
.m02-struct {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
align-items: start;
padding-top: var(--spacing-12);
border-top: 1px solid var(--color-border);
@@ -20,6 +21,10 @@
grid-column: 1 / -1;
}
.m02-struct > * {
min-width: 0;
}
/* ui-sidebar-panel 은 display:flex 라 hidden 속성을 덮어씀 — 안 보일 땐 확실히 안 보이게 */
.m02-struct[hidden] {
display: none;