king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(cupang): 전체 배분 완료 시 빨간 도장

Browse Source 
모든 박스(제품별 + 혼합)를 센터에 담아 미배분 잔여가 0 이 되면 ② 요약의
"센터 배분" 칸에 빨간 "전체 배분 완료" 도장을 찍는다. 처음 완료될 때만
찍히는 애니메이션이 돌고, 하나라도 빼면 도장이 사라진다. 재계산하면
기록도 초기화된다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-08-29 04:04:19 +09:00
parent 2d84a20814
commit 26beab1ae7
9 changed files with 69 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/cupang.css
+24
View File
@@ -768,3 +768,27 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
.cpg-box-card.is-done .cpg-box-bar { opacity: .4; }
/* 도장은 카드가 흐려져도 또렷하게 유지 */
.cpg-sum-prod.is-done .cpg-stamp, .cpg-box-card.is-done .cpg-stamp { opacity: 1; }
/* 전체 배분 완료 도장 (센터 배분 KPI 칸) */
.cpg-kpi { position: relative; overflow: hidden; }
.cpg-stamp-all {
--stamp: var(--color-callout-red);
position: absolute;
top: 50%;
right: 10px;
margin-top: -14px;
padding: 4px 10px;
font-size: 13px;
letter-spacing: 2px;
border-width: 3px;
border-radius: 8px;
opacity: .9;
transform: rotate(-12deg);
box-shadow: inset 0 0 0 1px rgba(194, 43, 16, .25);
}
.cpg-stamp-all.is-new { animation: cpg-stamp-all-in .3s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes cpg-stamp-all-in {
0% { opacity: 0; transform: rotate(-12deg) scale(2.4); }
60% { opacity: .95; transform: rotate(-12deg) scale(.92); }
100% { opacity: .9; transform: rotate(-12deg) scale(1); }
}