style(cupang): 매출 조회 조건 1행 고정 + 주차 필터, 상단 합계 KPI 제거

- 조회 조건은 flex-wrap: nowrap 로 한 줄 유지(좁은 화면은 가로 스크롤)
- 주차(week_label) 필터 추가 — 최근 주차부터 목록
- 공급가/원가/물류비/마진/순마진 합계 카드 삭제, 표 영역 높이 확대

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-02 16:13:49 +09:00
parent 0979a89ed9
commit 9ae27bce8a
9 changed files with 50 additions and 47 deletions
+21 -8
View File
@@ -1508,19 +1508,32 @@ a.cpg-boxno-dl:hover { background: #1a5c38; border-color: #1a5c38; font-weight:
.cpg-sales-pick { cursor: pointer; }
.cpg-sales .cpg-po-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
/* 조회 조건 — 한 줄 고정(줄바꿈 없음), 좁으면 가로 스크롤 */
.cpg-sales-filter {
display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px;
padding: 12px 14px;
display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 8px;
padding: 10px 12px;
overflow-x: auto;
}
.cpg-sales-filter .erp-field { margin: 0; }
.cpg-sales-filter .erp-field > span { font-size: 11px; color: var(--color-midtone-gray); }
.cpg-sales-q { flex: 1 1 240px; min-width: 0; }
.cpg-sales-q .erp-input { width: 100%; box-sizing: border-box; }
.cpg-sales-filter-act { display: flex; gap: 6px; margin-left: auto; }
.cpg-sales-filter .erp-field {
display: flex; flex-direction: column; gap: 2px;
margin: 0; flex: 0 0 auto;
}
.cpg-sales-filter .erp-field > span {
font-size: 11px; color: var(--color-midtone-gray); white-space: nowrap;
}
.cpg-sales-filter .erp-input,
.cpg-sales-filter .erp-select { height: 32px; box-sizing: border-box; }
.cpg-sales-filter input[type="date"] { width: 140px; }
.cpg-sales-filter select[name="center"] { width: 110px; }
.cpg-sales-filter select[name="week"] { width: 170px; }
.cpg-sales-filter select[name="type"] { width: 110px; }
.cpg-sales-q { flex: 1 1 180px; min-width: 140px; }
.cpg-sales-q .erp-input { width: 100%; }
.cpg-sales-filter-act { display: flex; gap: 6px; flex: 0 0 auto; }
.cpg-sales-kpis { flex-shrink: 0; }
.cpg-sales-card { padding: 0; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.cpg-sales-wrap { overflow: auto; max-height: calc(100vh - 330px); }
.cpg-sales-wrap { overflow: auto; max-height: calc(100vh - 230px); }
.cpg-sales-table { table-layout: auto; width: 100%; white-space: nowrap; }
.cpg-sales-table th, .cpg-sales-table td {