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

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

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

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
king
2026-09-02 14:34:33 +09:00
parent e259e7d370
commit ba2478d461
6 changed files with 22 additions and 9 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=20260903j" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% 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=20260903j" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
app/modules/cupang/templates/cupang/index.html
+11 -3
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=20260903j" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -22,10 +22,18 @@
<div class="erp-card cpg-cal-card"> <div class="erp-card cpg-cal-card">
<div class="cpg-mcal-bar"> <div class="cpg-mcal-bar">
<a class="cpg-mcal-navbtn" title="이전 달" aria-label="이전 달" <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> <h2 class="cpg-mcal-range">{{ months[0].label }} – {{ months[1].label }}</h2>
<a class="cpg-mcal-navbtn" title="다음 달" aria-label="다음 달" <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>
<div class="cpg-mcal-months"> <div class="cpg-mcal-months">
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=20260903j" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% 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=20260903j" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903k" />{% endblock %}
{% block content %} {% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #} {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
app/static/cupang.css
+7 -2
View File
@@ -1042,12 +1042,17 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
} }
.cpg-mcal-navbtn { .cpg-mcal-navbtn {
display: inline-flex; align-items: center; justify-content: center; display: inline-flex; align-items: center; justify-content: center;
width: 48px; height: 36px; width: 44px; height: 36px;
border: 0; background: none; border-radius: 8px; border: 0; background: none; border-radius: 8px;
font-size: 32px; font-weight: 700; line-height: 1;
color: var(--color-deep-black); text-decoration: none; color: var(--color-deep-black); text-decoration: none;
transition: background .12s, transform .12s; 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:hover { background: var(--color-ghost-gray); }
.cpg-mcal-navbtn:active { transform: scale(.94); } .cpg-mcal-navbtn:active { transform: scale(.94); }
.cpg-mcal-range { .cpg-mcal-range {