feat(M02): 집계표 아래 카드 — 도면 정보 CAD 높이 = 면적산출 · 재료산출 표 높이(한 값 · 창 높이에 맞춰 함께 변함)

- 세 카드 내용 높이를 CSS 변수 하나(clamp 18rem · 60vh · 40rem)로 통일 · 한 줄씩일 때도 같음

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:36:05 +09:00
co-authored by Claude Sonnet 5
parent 93c817658a
commit fedc860365
@@ -9,6 +9,8 @@
/* 도면 정보는 한 줄 전체 · 면적산출 · 재료산출은 반반(둘 합 + 간격 = 도면 정보 폭) ·
카드 하나가 360px 안 되면 한 줄에 하나씩(칸 폭에 따라 자동 · 창이 작아지면 바로 바뀜 · 두 열이 최대) */
.m02-struct {
/* CAD 미리보기 · 면적산출 · 재료산출 내용 높이 — 한 값(창 높이에 맞춰 함께 변함) */
--m02-struct-body-h: clamp(18rem, 60vh, 40rem);
display: grid;
grid-template-columns: repeat(
auto-fit,
@@ -71,7 +73,7 @@
.m02-struct__preview {
display: flex;
overflow: hidden;
height: clamp(16rem, 45vh, 24rem);
height: var(--m02-struct-body-h);
min-height: 0;
min-width: 0;
}
@@ -84,7 +86,7 @@
없으면 0 이 되어 칸이 안 보였음(진짜 원인). 약 30행이 늘 보이게 높이를 정하고
넘치면 격자 안쪽(.ss-grid-host)이 스스로 스크롤(spreadsheet_grid.css). */
.m02-struct__sheet {
height: clamp(20rem, 70vh, 45rem);
height: var(--m02-struct-body-h);
overflow: hidden;
min-width: 0;
}