diff --git a/app/Views/bag/order_phone.php b/app/Views/bag/order_phone.php index 022cae3..f9f9342 100644 --- a/app/Views/bag/order_phone.php +++ b/app/Views/bag/order_phone.php @@ -22,7 +22,7 @@
-
+
@@ -134,8 +134,8 @@ foreach ($orderGroups as &$g) { } unset($g); ?> - -
+ +
-
+
@@ -467,6 +467,23 @@ unset($g); window.addEventListener('resize', setHeaderOffset); window.addEventListener('storage', function (e) { if (e.key === 'jrj_font_scale') setHeaderOffset(); }); })(); + + // 전화 주문접수표(우측 컬럼) 높이를 좌측 컬럼(지정판매소 정보 하단까지)에 맞춘다. + // offsetHeight/offsetTop은 zoom과 무관한 레이아웃 px라 배율이 바뀌어도 정확하다. + (function () { + const leftCol = document.getElementById('phone-left-col'); + const rightCol = document.getElementById('phone-right-col'); + if (!leftCol || !rightCol) return; + function syncTableHeight() { + // 2열(나란히)일 때만 높이 맞춤. 1열로 쌓이면 자동 높이로 둔다. + const sideBySide = Math.abs(leftCol.offsetTop - rightCol.offsetTop) < 4; + rightCol.style.height = sideBySide ? (leftCol.offsetHeight + 'px') : ''; + } + syncTableHeight(); + window.addEventListener('resize', syncTableHeight); + window.addEventListener('storage', function (e) { if (e.key === 'jrj_font_scale') syncTableHeight(); }); + if ('ResizeObserver' in window) { new ResizeObserver(syncTableHeight).observe(leftCol); } + })(); })();