diff --git a/M02_MasterTemplete/M02_MasterTemplete_Labor.css b/M02_MasterTemplete/M02_MasterTemplete_Labor.css index 6bccbd95a..220c81a2a 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_Labor.css +++ b/M02_MasterTemplete/M02_MasterTemplete_Labor.css @@ -282,6 +282,52 @@ } } +/* 더 좁으면(카드 320px 안팎 · 340px 이하) 줄마다 두 줄 — 윗줄 항목(3칸) · 수량산출(1칸) · 아랫줄 금액 넷 · + 머리 줄도 같은 꼴(글은 그대로) · 가로 넘침 없음 */ +@container m02-labview (max-width: 340px) { + .m02-labline, + .m02-labline thead, + .m02-labline tbody, + .m02-labline tfoot { + display: block; + width: 100%; + } + + .m02-labline tr { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + border-bottom: 1px solid var(--color-border); + } + + .m02-labline th, + .m02-labline td { + display: block; + min-width: 0; + padding: 2px; + border: 0; + } + + .m02-labline th:first-child, + .m02-labline .m02-labrow__name { + grid-column: span 3; + } + + .m02-labline th:nth-child(2), + .m02-labline .m02-labrow__qty { + text-align: right; + white-space: normal; + } + + .m02-labline th:nth-child(3), + .m02-labline .m02-labrow__unit { + display: none; + } + + .m02-labline .m02-labrow__num { + font-size: 11px; + } +} + /* 수량산출 칸(40-1) — 위 결과단위 기준 수량 · 아래 지금 수량 · 누르면 손 입력 · 엑셀에서 고르기 */ .m02-labrow__qty { white-space: nowrap;