ui(cupang): 설정 프레임 크기 고정 + 라벨 변경 + 코드 우측 타입 제거

- "itemcode_db 상품" → "미라네 주방 상품"
- 미라네 주방 상품 500x950, 등록된 제품명 600x950 고정, 내부 스크롤
- 좌측 리스트 코드 옆 type(낱개/세트) 표기 제거

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 03:57:32 +09:00
parent 1d33761003
commit 69b84db4bb
2 changed files with 29 additions and 11 deletions
+23 -5
View File
@@ -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;