From eef18f7eb9e0d658f0e7fabba64f647e5ada5c51 Mon Sep 17 00:00:00 2001 From: king Date: Tue, 1 Sep 2026 12:24:38 +0900 Subject: [PATCH] =?UTF-8?q?style(cupang):=20=EB=8B=AC=EB=A0=A5=20=EC=85=80?= =?UTF-8?q?=20=ED=85=8C=EB=91=90=EB=A6=AC=20=EB=B3=B5=EC=9B=90,=20?= =?UTF-8?q?=EC=9A=94=EC=9D=BC/=EC=9D=BC=EC=9E=90=20=EA=B8=80=EC=9E=90=20?= =?UTF-8?q?=ED=99=95=EB=8C=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 요일 행 높이 고정(34px) — grid-template-rows: auto 로 주 행만 균등 분할 - 요일 11→22px, 일자 13→20px, 둘 다 bold - 날짜 셀 1px 테두리 + hover 강조, 타월은 회색 배경으로 구분 - 오늘 원 24→32px, 출고 태그 12px Co-Authored-By: Claude Opus 5 --- .../cupang/templates/cupang/box_calc.html | 2 +- .../cupang/templates/cupang/box_rules.html | 2 +- .../cupang/templates/cupang/centers.html | 2 +- .../cupang/templates/cupang/detail.html | 2 +- app/modules/cupang/templates/cupang/form.html | 2 +- .../cupang/templates/cupang/index.html | 2 +- .../cupang/templates/cupang/products.html | 2 +- app/static/cupang.css | 31 +++++++++++-------- 8 files changed, 25 insertions(+), 20 deletions(-) diff --git a/app/modules/cupang/templates/cupang/box_calc.html b/app/modules/cupang/templates/cupang/box_calc.html index 6599bcf..de45636 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 a3d3944..86dcf56 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 b019e16..fbe2a2d 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 59eb144..c20b218 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 f34958b..90c832b 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 ae72478..882573f 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 d1708a4..2ef0ddf 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 a12da18..da7b8fb 100644 --- a/app/static/cupang.css +++ b/app/static/cupang.css @@ -1193,13 +1193,15 @@ body.cpg-dragging { cursor: grabbing; user-select: none; } .cpg-mcal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); - grid-auto-rows: minmax(0, 1fr); - gap: 2px; + grid-template-rows: auto; /* 요일 행은 내용 높이만 */ + grid-auto-rows: minmax(0, 1fr); /* 주 행만 남은 높이 균등 분할 */ + gap: 4px; flex: 1 1 auto; min-height: 0; } .cpg-mcal-wd { - text-align: center; padding: 4px 0 6px; - font-size: 11px; font-weight: 600; letter-spacing: .3px; + display: flex; align-items: center; justify-content: center; + height: 34px; padding: 0; + font-size: 22px; font-weight: 700; letter-spacing: -0.2px; color: var(--color-midtone-gray); border-bottom: 1px solid var(--color-subtle-ash); } @@ -1208,23 +1210,25 @@ body.cpg-dragging { cursor: grabbing; user-select: none; } .cpg-mcal-cell { position: relative; - display: flex; flex-direction: column; align-items: center; gap: 3px; - min-height: 52px; min-width: 0; padding: 5px 4px 6px; + display: flex; flex-direction: column; align-items: center; gap: 4px; + min-height: 62px; min-width: 0; padding: 6px 4px 7px; + border: 1px solid var(--color-subtle-ash); border-radius: 8px; + background: #fff; text-decoration: none; color: var(--color-rich-black); - transition: background .12s, box-shadow .12s; + transition: background .12s, box-shadow .12s, border-color .12s; } -.cpg-mcal-cell:hover { background: var(--color-ghost-gray); } +.cpg-mcal-cell:hover { background: var(--color-ghost-gray); border-color: var(--color-midtone-gray); } .cpg-mcal-day { display: inline-flex; align-items: center; justify-content: center; - min-width: 24px; height: 24px; padding: 0 6px; + min-width: 32px; height: 32px; padding: 0 8px; border-radius: 999px; - font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; + font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; } .cpg-mcal-cell.is-red .cpg-mcal-day { color: var(--color-callout-red); } .cpg-mcal-cell.is-blue .cpg-mcal-day { color: #2b5bc2; } /* 이번 달이 아닌 날 — 흐리게 */ -.cpg-mcal-cell.is-out { opacity: .38; } +.cpg-mcal-cell.is-out { background: var(--color-ghost-gray); opacity: .5; } /* 오늘 — 검은 원 */ .cpg-mcal-cell.is-today .cpg-mcal-day { background: var(--color-deep-black); color: #fff; font-weight: 700; @@ -1232,6 +1236,7 @@ body.cpg-dragging { cursor: grabbing; user-select: none; } /* 선택한 날 — 링 강조 */ .cpg-mcal-cell.is-selected { background: var(--color-ghost-gray); + border-color: var(--color-deep-black); box-shadow: inset 0 0 0 1.5px var(--color-deep-black); } @@ -1241,10 +1246,10 @@ body.cpg-dragging { cursor: grabbing; user-select: none; } max-width: 100%; padding: 1px 7px; border-radius: 999px; background: var(--color-deep-black); color: #fff; - font-size: 11px; line-height: 1.6; white-space: nowrap; + font-size: 12px; font-weight: 600; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.cpg-mcal-tag > em { font-style: normal; color: #c9c9c9; font-size: 10px; } +.cpg-mcal-tag > em { font-style: normal; color: #c9c9c9; font-size: 11px; font-weight: 500; } .cpg-mcal-cell.is-out .cpg-mcal-tag { background: var(--color-midtone-gray); } /* 범례 */