diff --git a/app/modules/cupang/templates/cupang/products.html b/app/modules/cupang/templates/cupang/products.html index c1bc9fb..908ca6f 100644 --- a/app/modules/cupang/templates/cupang/products.html +++ b/app/modules/cupang/templates/cupang/products.html @@ -11,10 +11,10 @@
- -
+ +
-

itemcode_db 상품

+

미라네 주방 상품

{% if search_enabled %}선택(다중) 후 등록. 이미 등록된 항목은 진한 회색.{% else %} 검색 비활성: {{ search_reason }}{% endif %} @@ -33,10 +33,10 @@
-
+

등록된 제품명 ({{ products|length }})

폼의 제품명 드롭다운에 노출
-
+
@@ -105,7 +105,7 @@ if (selected[it.code]) cls += " is-selected"; html += '
' + '' + esc(it.name) + '' + - '' + esc(it.code) + (it.type ? ' · ' + esc(it.type) : '') + '' + + '' + esc(it.code) + '' + '
'; }); listBox.innerHTML = html; diff --git a/app/static/cupang.css b/app/static/cupang.css index 7303043..63c2089 100644 --- a/app/static/cupang.css +++ b/app/static/cupang.css @@ -120,16 +120,34 @@ /* ── 설정(제품명) 2열 레이아웃 ── */ .cpg-prod-layout { - display: grid; - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); - gap: 16px; align-items: start; + display: flex; + flex-wrap: wrap; + gap: 16px; align-items: flex-start; +} +/* 미라네 주방 상품: 폭 500 / 높이 950 고정, 내부 스크롤 */ +.cpg-prod-left { + width: 500px; height: 950px; + display: flex; flex-direction: column; + overflow: hidden; +} +/* 등록된 제품명: 폭 600 / 높이 950 고정, 내부 스크롤 */ +.cpg-prod-right { + width: 600px; height: 950px; + display: flex; flex-direction: column; + overflow: hidden; +} +@media (max-width: 1180px) { + .cpg-prod-left, .cpg-prod-right { width: 100%; } } -@media (max-width: 980px) { .cpg-prod-layout { grid-template-columns: 1fr; } } .cpg-src-list { - max-height: 520px; overflow-y: auto; + flex: 1 1 auto; min-height: 0; overflow-y: auto; border: 1px solid var(--color-subtle-ash); border-radius: 10px; } +/* 등록 목록 테이블 스크롤 영역 (카드 높이에서 헤더 제외하고 채움) */ +.cpg-reg-scroll { + flex: 1 1 auto; min-height: 0; overflow-y: auto; +} .cpg-src-item { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 12px; cursor: pointer;
제품명제품코드상태동작