style(cupang): 달 이동 화살표를 짧고 굵은 SVG 로 교체

글꼴 글리프는 두께 조절이 안 돼 stroke-width 5.5 SVG 로 대체

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-02 14:34:33 +09:00
parent e259e7d370
commit ba2478d461
6 changed files with 22 additions and 9 deletions
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903j" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %}
<section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903j" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %}
<section class="cpg">
+11 -3
View File
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903j" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %}
<section class="cpg">
@@ -22,10 +22,18 @@
<div class="erp-card cpg-cal-card">
<div class="cpg-mcal-bar">
<a class="cpg-mcal-navbtn" title="이전 달" aria-label="이전 달"
href="/cupang/?year={{ prev_y }}&month={{ prev_m }}"></a>
href="/cupang/?year={{ prev_y }}&month={{ prev_m }}">
<svg class="cpg-mcal-arrow" viewBox="0 0 28 24" aria-hidden="true">
<path d="M23 12 H8" /><path d="M14 5 L7 12 L14 19" />
</svg>
</a>
<h2 class="cpg-mcal-range">{{ months[0].label }} {{ months[1].label }}</h2>
<a class="cpg-mcal-navbtn" title="다음 달" aria-label="다음 달"
href="/cupang/?year={{ next_y }}&month={{ next_m }}"></a>
href="/cupang/?year={{ next_y }}&month={{ next_m }}">
<svg class="cpg-mcal-arrow" viewBox="0 0 28 24" aria-hidden="true">
<path d="M5 12 H20" /><path d="M14 5 L21 12 L14 19" />
</svg>
</a>
</div>
<div class="cpg-mcal-months">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903j" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %}
<section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903j" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
+7 -2
View File
@@ -1042,12 +1042,17 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
}
.cpg-mcal-navbtn {
display: inline-flex; align-items: center; justify-content: center;
width: 48px; height: 36px;
width: 44px; height: 36px;
border: 0; background: none; border-radius: 8px;
font-size: 32px; font-weight: 700; line-height: 1;
color: var(--color-deep-black); text-decoration: none;
transition: background .12s, transform .12s;
}
/* 짧고 굵은 화살표 — 글꼴 글리프 대신 SVG 로 두께를 직접 준다 */
.cpg-mcal-arrow {
width: 30px; height: 26px;
fill: none; stroke: currentColor;
stroke-width: 5.5; stroke-linecap: round; stroke-linejoin: round;
}
.cpg-mcal-navbtn:hover { background: var(--color-ghost-gray); }
.cpg-mcal-navbtn:active { transform: scale(.94); }
.cpg-mcal-range {