ui(cupang): 설정 프레임 크기 고정 + 라벨 변경 + 코드 우측 타입 제거
- "itemcode_db 상품" → "미라네 주방 상품" - 미라네 주방 상품 500x950, 등록된 제품명 600x950 고정, 내부 스크롤 - 좌측 리스트 코드 옆 type(낱개/세트) 표기 제거 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+23
-5
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user