change(cupang): 미배치 자투리 제거 — 상자 간 직접 이동만, ③ 스크롤 보정

- "미배치로 빼기" 옵션과 미배치 풀 UI/상태 삭제
- [−] 는 자리가 있는 다른 상자로 1개 이동(없으면 새 상자 자동 생성),
  [+] 는 같은 제품이 있는 다른 상자에서 1개 가져오기 → 총량 항상 보존
- 혼합 상자 ✕ 는 내용물을 다른 상자로 옮긴 뒤 상자를 없앤다
- 3열이 2열/1열로 접히는 폭에서 카드 max-height 를 줘서 ③ 목록이
  카드 안에서 스크롤되도록 수정(편집으로 줄이 늘어나도 페이지가 안 밀림)

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-01 16:33:32 +09:00
parent f3a681ccfe
commit 58ebf1c232
7 changed files with 117 additions and 194 deletions
+12 -15
View File
@@ -663,10 +663,14 @@
@media (max-width: 1500px) {
.cpg-calc3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.cpg-calc3 > .cpg-dist-card { grid-column: 1 / -1; }
/* 3열이 접히면 그리드 행 높이가 auto 라 카드가 계속 늘어난다 →
카드마다 최대 높이를 줘서 내부 목록이 스크롤되게 한다. */
.cpg-calc3 > .erp-card { max-height: min(78vh, 860px); }
}
@media (max-width: 1000px) {
.cpg-calc3 { grid-template-columns: minmax(0, 1fr); }
.cpg-calc3 > .cpg-dist-card { grid-column: auto; }
.cpg-calc3 > .erp-card { max-height: min(70vh, 720px); }
}
/* ② 요약: 카드가 드래그 가능함을 알린다 */
@@ -1434,25 +1438,18 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
}
.cpg-mix-step:hover:not(:disabled) { background: var(--color-ghost-gray); border-color: var(--color-midtone-gray); }
.cpg-mix-step:disabled { opacity: .35; cursor: not-allowed; }
.cpg-mix-move, .cpg-pool-move {
.cpg-mix-move {
width: auto; min-width: 74px; max-width: 132px;
padding: 1px 4px; font-size: 11px; line-height: 1.5; cursor: pointer;
}
.cpg-dist-tree .cpg-tree-qty { min-width: 38px; text-align: right; }
.cpg-pool {
margin: 6px 10px 8px;
padding: 8px 10px;
border: 1px dashed var(--color-midtone-gray); border-radius: 10px;
background: var(--color-ghost-gray);
}
.cpg-pool-head {
display: flex; align-items: center; gap: 8px;
font-size: 12px; font-weight: 600; margin-bottom: 4px;
}
.cpg-pool-head > b { font-family: var(--font-geist-mono); }
.cpg-pool-auto { margin-left: auto; padding: 2px 8px; font-size: 11px; line-height: 1.5; }
.cpg-pool .cpg-dist-tree { border-left: 0; padding-left: 0; }
.cpg-pool .cpg-dist-tree li::before { content: ""; }
.cpg-dist-foot { padding: 0 10px 10px; }
.cpg-mix-new { padding: 3px 10px; font-size: 12px; line-height: 1.5; }
/* ③ 센터 목록은 항상 카드 안에서만 스크롤 (편집으로 줄이 늘어나도 페이지가 밀리지 않게) */
.cpg-dist-card { min-height: 0; overflow: hidden; }
.cpg-dist-card .cpg-dist-list {
flex: 1 1 auto; min-height: 0;
overflow-y: auto; overflow-x: hidden;
}