feat(M02): 집계표 아래 카드 — 도면 정보 한 줄 전체 · 면적산출 · 재료산출 나란히 두 열

- 좁은 화면(카드 폭 30rem 안 됨)에서는 한 열

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