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

style(cupang): 달력 셀 테두리 복원, 요일/일자 글자 확대

Browse Source 
- 요일 행 높이 고정(34px) — grid-template-rows: auto 로 주 행만 균등 분할
- 요일 11→22px, 일자 13→20px, 둘 다 bold
- 날짜 셀 1px 테두리 + hover 강조, 타월은 회색 배경으로 구분
- 오늘 원 24→32px, 출고 태그 12px

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-01 12:24:38 +09:00
parent 1cf6ba385d
commit eef18f7eb9
8 changed files with 25 additions and 20 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" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/box_rules.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/centers.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/detail.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/form.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/index.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/products.html
+1 -1
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901g" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901h" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/static/cupang.css
+18 -13
View File
@@ -1193,13 +1193,15 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
.cpg-mcal-grid { .cpg-mcal-grid {
display: grid; display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-columns: repeat(7, minmax(0, 1fr));
grid-auto-rows: minmax(0, 1fr); grid-template-rows: auto; /* 요일 행은 내용 높이만 */
gap: 2px; grid-auto-rows: minmax(0, 1fr); /* 주 행만 남은 높이 균등 분할 */
gap: 4px;
flex: 1 1 auto; min-height: 0; flex: 1 1 auto; min-height: 0;
} }
.cpg-mcal-wd { .cpg-mcal-wd {
text-align: center; padding: 4px 0 6px; display: flex; align-items: center; justify-content: center;
font-size: 11px; font-weight: 600; letter-spacing: .3px; height: 34px; padding: 0;
font-size: 22px; font-weight: 700; letter-spacing: -0.2px;
color: var(--color-midtone-gray); color: var(--color-midtone-gray);
border-bottom: 1px solid var(--color-subtle-ash); border-bottom: 1px solid var(--color-subtle-ash);
} }
@@ -1208,23 +1210,25 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
.cpg-mcal-cell { .cpg-mcal-cell {
position: relative; position: relative;
display: flex; flex-direction: column; align-items: center; gap: 3px; display: flex; flex-direction: column; align-items: center; gap: 4px;
min-height: 52px; min-width: 0; padding: 5px 4px 6px; min-height: 62px; min-width: 0; padding: 6px 4px 7px;
border: 1px solid var(--color-subtle-ash);
border-radius: 8px; border-radius: 8px;
background: #fff;
text-decoration: none; color: var(--color-rich-black); 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 { .cpg-mcal-day {
display: inline-flex; align-items: center; justify-content: center; 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; 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-red .cpg-mcal-day { color: var(--color-callout-red); }
.cpg-mcal-cell.is-blue .cpg-mcal-day { color: #2b5bc2; } .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 { .cpg-mcal-cell.is-today .cpg-mcal-day {
background: var(--color-deep-black); color: #fff; font-weight: 700; 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 { .cpg-mcal-cell.is-selected {
background: var(--color-ghost-gray); background: var(--color-ghost-gray);
border-color: var(--color-deep-black);
box-shadow: inset 0 0 0 1.5px 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; max-width: 100%; padding: 1px 7px;
border-radius: 999px; border-radius: 999px;
background: var(--color-deep-black); color: #fff; 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; 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); } .cpg-mcal-cell.is-out .cpg-mcal-tag { background: var(--color-midtone-gray); }
/* 범례 */ /* 범례 */