style(cupang): 등록 제품 표 나머지 열 폭 조정

제품코드 96 / 쿠팡상품코드 112 / 상태 72 / 동작 104 (합계 544px).
머리글과 값이 잘리지 않게 잡고, 코드 열은 12px mono 로 축소.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-01 12:11:20 +09:00
parent dcc059815e
commit d03bb15b6b
8 changed files with 17 additions and 11 deletions
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901e" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
+10 -4
View File
@@ -1104,16 +1104,22 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: middle; vertical-align: middle;
} }
/* 제품명 160 / 제품코드 96 / 쿠팡상품코드(남는 폭) / 상태 62 / 동작 108 */ /* 열 폭: 머리글·값이 잘리지 않는 최소치로 잡는다 (합계 544px < 카드 내부 폭)
제품명 160 / 제품코드 96 / 쿠팡상품코드 112 / 상태 72 / 동작 104 */
.cpg-prod-right .erp-table th:nth-child(1), .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 td:nth-child(1) { width: 160px; }
.cpg-prod-right .erp-table th:nth-child(2), .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 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 th:nth-child(4),
.cpg-prod-right .erp-table td:nth-child(4) { width: 62px; } .cpg-prod-right .erp-table td:nth-child(4) { width: 72px; }
.cpg-prod-right .erp-table th:nth-child(5), .cpg-prod-right .erp-table th:nth-child(5),
.cpg-prod-right .erp-table td:nth-child(5) { width: 108px; } .cpg-prod-right .erp-table td:nth-child(5) { width: 104px; }
.cpg-prod-right .cpg-sort { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } /* 제품코드·쿠팡상품코드는 mono 라 조금 더 좁게 */
.cpg-prod-right .erp-table td:nth-child(2),
.cpg-prod-right .erp-table td:nth-child(3) { font-size: 12px; }
.cpg-prod-right .cpg-sort { max-width: 100%; white-space: nowrap; }
/* 동작 버튼은 가로 한 줄 */ /* 동작 버튼은 가로 한 줄 */
.cpg-prod-right .cpg-row-actions { flex-wrap: nowrap; gap: 4px; } .cpg-prod-right .cpg-row-actions { flex-wrap: nowrap; gap: 4px; }
.cpg-prod-right .cpg-row-actions .erp-btn { padding: 3px 8px; font-size: 12px; line-height: 1.5; } .cpg-prod-right .cpg-row-actions .erp-btn { padding: 3px 8px; font-size: 12px; line-height: 1.5; }