change(cupang): 미배치 자투리 제거 — 상자 간 직접 이동만, ③ 스크롤 보정
- "미배치로 빼기" 옵션과 미배치 풀 UI/상태 삭제 - [−] 는 자리가 있는 다른 상자로 1개 이동(없으면 새 상자 자동 생성), [+] 는 같은 제품이 있는 다른 상자에서 1개 가져오기 → 총량 항상 보존 - 혼합 상자 ✕ 는 내용물을 다른 상자로 옮긴 뒤 상자를 없앤다 - 3열이 2열/1열로 접히는 폭에서 카드 max-height 를 줘서 ③ 목록이 카드 안에서 스크롤되도록 수정(편집으로 줄이 늘어나도 페이지가 안 밀림) Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
+12
-15
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user