From 0db54b630047b2bc9adc161cd50bceff18819f0a Mon Sep 17 00:00:00 2001 From: king Date: Tue, 1 Sep 2026 12:13:24 +0900 Subject: [PATCH] =?UTF-8?q?style(cupang):=20=EB=93=B1=EB=A1=9D=20=EC=A0=9C?= =?UTF-8?q?=ED=92=88=20=EC=B9=B4=EB=93=9C=20680px,=20=EA=B0=80=EB=A1=9C=20?= =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 셀 box-sizing: border-box 로 지정 폭에 padding 포함(기존엔 열마다 20px 씩 초과해 표가 카드보다 넓어짐). 카드 폭 600→680, 줄바꿈 브레이크포인트 1240px, erp-table-wrap overflow-x: hidden. Co-Authored-By: Claude Opus 5 --- .../cupang/templates/cupang/box_calc.html | 2 +- .../cupang/templates/cupang/box_rules.html | 2 +- app/modules/cupang/templates/cupang/centers.html | 2 +- app/modules/cupang/templates/cupang/detail.html | 2 +- app/modules/cupang/templates/cupang/form.html | 2 +- app/modules/cupang/templates/cupang/index.html | 2 +- .../cupang/templates/cupang/products.html | 2 +- app/static/cupang.css | 16 +++++++++------- 8 files changed, 16 insertions(+), 14 deletions(-) diff --git a/app/modules/cupang/templates/cupang/box_calc.html b/app/modules/cupang/templates/cupang/box_calc.html index 20007f4..4aa30d1 100644 --- a/app/modules/cupang/templates/cupang/box_calc.html +++ b/app/modules/cupang/templates/cupang/box_calc.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/box_rules.html b/app/modules/cupang/templates/cupang/box_rules.html index 188e18c..2d11001 100644 --- a/app/modules/cupang/templates/cupang/box_rules.html +++ b/app/modules/cupang/templates/cupang/box_rules.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/centers.html b/app/modules/cupang/templates/cupang/centers.html index 0702080..2aa770b 100644 --- a/app/modules/cupang/templates/cupang/centers.html +++ b/app/modules/cupang/templates/cupang/centers.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/detail.html b/app/modules/cupang/templates/cupang/detail.html index aa645b0..b803c4c 100644 --- a/app/modules/cupang/templates/cupang/detail.html +++ b/app/modules/cupang/templates/cupang/detail.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/form.html b/app/modules/cupang/templates/cupang/form.html index 133af3e..c8216b9 100644 --- a/app/modules/cupang/templates/cupang/form.html +++ b/app/modules/cupang/templates/cupang/form.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/index.html b/app/modules/cupang/templates/cupang/index.html index aaab75b..09511bc 100644 --- a/app/modules/cupang/templates/cupang/index.html +++ b/app/modules/cupang/templates/cupang/index.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/modules/cupang/templates/cupang/products.html b/app/modules/cupang/templates/cupang/products.html index 71347e3..37792a2 100644 --- a/app/modules/cupang/templates/cupang/products.html +++ b/app/modules/cupang/templates/cupang/products.html @@ -1,6 +1,6 @@ {% extends "erp_base.html" %} -{% block head_extra %}{% endblock %} +{% block head_extra %}{% endblock %} {% block content %}
diff --git a/app/static/cupang.css b/app/static/cupang.css index 2b52b40..cfbd83b 100644 --- a/app/static/cupang.css +++ b/app/static/cupang.css @@ -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),