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

style(cupang): 등록 제품 카드 680px, 가로 스크롤 제거

Browse Source 
셀 box-sizing: border-box 로 지정 폭에 padding 포함(기존엔 열마다 20px 씩
초과해 표가 카드보다 넓어짐). 카드 폭 600→680, 줄바꿈 브레이크포인트 1240px,
erp-table-wrap overflow-x: hidden.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 12:13:24 +09:00
parent d03bb15b6b
commit 0db54b6300
8 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/box_calc.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/box_rules.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/centers.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/detail.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/form.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/index.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/modules/cupang/templates/cupang/products.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901f" />{% endblock %}
{% block content %}
<section class="cpg">
app/static/cupang.css
+9 -7
View File
@@ -322,13 +322,13 @@
display: flex; flex-direction: column;
overflow: hidden;
}
/* 등록된 제품명: 폭 600 / 높이 900 고정, 내부 스크롤 */
/* 등록된 제품명: 폭 680 / 높이 900 고정, 내부 스크롤 (가로 스크롤 없음) */
.cpg-prod-right {
width: 600px; height: 900px;
width: 680px; height: 900px;
display: flex; flex-direction: column;
overflow: hidden;
}
@media (max-width: 1180px) {
@media (max-width: 1240px) {
.cpg-prod-left, .cpg-prod-right { width: 100%; }
}
@@ -1096,22 +1096,24 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
/* ── 설정(제품명) 등록 목록 표 — 한 줄 고정 (넘치면 … 처리) ── */
.cpg-prod-right .erp-table { table-layout: fixed; width: 100%; }
/* 표 안에서 가로 스크롤이 생기지 않게 (세로만 스크롤) */
.cpg-prod-right .erp-table-wrap { overflow-x: hidden; }
.cpg-prod-right .erp-table thead th,
.cpg-prod-right .erp-table tbody td {
/* width 에 padding 포함 — 지정 폭이 그대로 열 폭이 되게 */
box-sizing: border-box;
padding: 8px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
/* 열 폭: 머리글·값이 잘리지 않는 최소치로 잡는다 (합계 544px < 카드 내부 폭)
제품명 160 / 제품코드 96 / 쿠팡상품코드 112 / 상태 72 / 동작 104 */
/* 열 폭: 제품명 160 / 제품코드 96 / 상태 72 / 동작 104 고정,
쿠팡상품코드는 남는 폭을 흡수 → 다른 열이 지정 폭 그대로 유지된다. */
.cpg-prod-right .erp-table th:nth-child(1),
.cpg-prod-right .erp-table td:nth-child(1) { width: 160px; }
.cpg-prod-right .erp-table th:nth-child(2),
.cpg-prod-right .erp-table td:nth-child(2) { width: 96px; }
.cpg-prod-right .erp-table th:nth-child(3),
.cpg-prod-right .erp-table td:nth-child(3) { width: 112px; }
.cpg-prod-right .erp-table th:nth-child(4),
.cpg-prod-right .erp-table td:nth-child(4) { width: 72px; }
.cpg-prod-right .erp-table th:nth-child(5),