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

style(cupang): 달력 다듬기 — 이전/다음 달 더 흐리게, 연도를 월 위로, 오늘 버튼 굵게

Browse Source 
- 다른 달 칸 opacity .5 → .28
- 달 머리글 세로 배치: 연도(작게, 위) + 월(크게, 아래)
- "오늘" 버튼 글자 굵게 + 테두리 2px 검정

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-02 14:48:51 +09:00
parent d128744346
commit 15de38cb74
6 changed files with 16 additions and 12 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=20260903n" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903o" />{% 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=20260903n" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903o" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/index.html
+2 -2
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=20260903n" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903o" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -41,8 +41,8 @@
{% for m in months %} {% for m in months %}
<section class="cpg-mcal{% if loop.first %} is-current{% endif %}"> <section class="cpg-mcal{% if loop.first %} is-current{% endif %}">
<header class="cpg-mcal-h"> <header class="cpg-mcal-h">
<span class="cpg-mcal-mname">{{ m.month }}월</span>
<span class="cpg-mcal-myear">{{ m.year }}</span> <span class="cpg-mcal-myear">{{ m.year }}</span>
<span class="cpg-mcal-mname">{{ m.month }}월</span>
{% if m.ship_total %} {% if m.ship_total %}
<span class="cpg-mcal-total">출고 {{ m.ship_total }}건</span> <span class="cpg-mcal-total">출고 {{ m.ship_total }}건</span>
{% endif %} {% endif %}
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=20260903n" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903o" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/view.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=20260903n" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903o" />{% endblock %}
{% block content %} {% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #} {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
app/static/cupang.css
+10 -6
View File
@@ -1064,8 +1064,9 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
position: absolute; top: 2px; left: 50%; transform: translateX(-50%); position: absolute; top: 2px; left: 50%; transform: translateX(-50%);
z-index: 2; z-index: 2;
padding: 5px 16px; border-radius: 999px; padding: 5px 16px; border-radius: 999px;
border: 1px solid var(--color-subtle-ash); background: #fff; border: 2px solid var(--color-deep-black); background: #fff;
font-size: 13px; color: var(--color-rich-black); text-decoration: none; font-size: 13px; font-weight: 700;
color: var(--color-deep-black); text-decoration: none;
} }
.cpg-mcal-todaybtn:hover { background: var(--color-ghost-gray); border-color: var(--color-midtone-gray); } .cpg-mcal-todaybtn:hover { background: var(--color-ghost-gray); border-color: var(--color-midtone-gray); }
@@ -1085,11 +1086,14 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
/* 달 머리글 — 가운데 정렬, 출고 건수는 오른쪽 끝에 겹쳐 놓는다 */ /* 달 머리글 — 가운데 정렬, 출고 건수는 오른쪽 끝에 겹쳐 놓는다 */
.cpg-mcal-h { .cpg-mcal-h {
position: relative; position: relative;
display: flex; align-items: baseline; justify-content: center; gap: 8px; display: flex; flex-direction: column; align-items: center; gap: 0;
padding: 0 2px 10px; padding: 0 2px 10px;
} }
.cpg-mcal-mname { font-size: 30px; font-weight: 800; letter-spacing: -0.5px; } .cpg-mcal-mname { font-size: 30px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.15; }
.cpg-mcal-myear { font-size: 24px; font-weight: 800; color: var(--color-midtone-gray); font-family: var(--font-geist-mono); } .cpg-mcal-myear {
font-size: 15px; font-weight: 700; letter-spacing: .5px;
color: var(--color-midtone-gray); font-family: var(--font-geist-mono);
}
.cpg-mcal-total { .cpg-mcal-total {
position: absolute; right: 2px; top: 8px; position: absolute; right: 2px; top: 8px;
font-size: 11px; padding: 2px 8px; border-radius: 999px; font-size: 11px; padding: 2px 8px; border-radius: 999px;
@@ -1146,7 +1150,7 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
.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 { background: var(--color-ghost-gray); opacity: .5; } .cpg-mcal-cell.is-out { background: var(--color-ghost-gray); opacity: .28; }
/* 오늘 — 검은 원 */ /* 오늘 — 검은 원 */
.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;