ui(cupang): 달력 상단 설정 버튼을 달력 컬럼 오른쪽 끝에 정렬 (Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>)

This commit is contained in:
2026-05-30 06:41:11 +09:00
parent 57f0c3426f
commit 5c7730d4a1
8 changed files with 33 additions and 17 deletions
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% 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=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% 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=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% 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=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% endblock %}
{% block content %}
<section class="cpg">
@@ -109,4 +109,4 @@
</script>
{% endblock %}
{% block scripts %}<script src="/static/cupang.js?v=20260530k" defer></script>{% endblock %}
{% block scripts %}<script src="/static/cupang.js?v=20260530l" defer></script>{% endblock %}
@@ -1,12 +1,13 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% endblock %}
{% block content %}
<section class="cpg">
<!-- 페이지 액션 -->
<div class="erp-page-actions cpg-actions">
<!-- 페이지 액션 (달력 컬럼 폭에 맞춤: 신규 좌측 / 설정 달력 오른쪽 끝) -->
<div class="cpg-actions-grid">
<div class="cpg-actions-main">
<a class="erp-btn erp-btn-primary" href="/cupang/new">+ 신규 등록</a>
<span class="cpg-settings-btns">
<a class="erp-btn erp-btn-outline" href="/cupang/products">제품명 설정</a>
@@ -14,6 +15,8 @@
<a class="erp-btn erp-btn-outline" href="/cupang/box-rules">박스 입수량 설정</a>
</span>
</div>
<div class="cpg-actions-spacer"></div>
</div>
<div class="cpg-layout">
<!-- ── 왼쪽: 큰 월간 달력 ── -->
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530k" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530l" />{% endblock %}
{% block content %}
<section class="cpg">
+13
View File
@@ -6,6 +6,19 @@
.cpg-push-right { margin-left: auto; }
/* 달력 상단 설정 버튼 그룹 — 우측 정렬 */
.cpg-settings-btns { margin-left: auto; display: inline-flex; gap: 8px; flex-wrap: wrap; }
/* 액션바를 달력 레이아웃(좌:달력 1fr / 우:리스트 320)과 같은 그리드로
→ 설정 버튼이 달력 컬럼 오른쪽 끝에 정렬 */
.cpg-actions-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 16px;
margin-bottom: 16px;
}
.cpg-actions-main { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 980px) {
.cpg-actions-grid { grid-template-columns: 1fr; }
.cpg-actions-spacer { display: none; }
}
/* ── 레이아웃: 왼쪽 큰 달력 + 오른쪽 리스트 ── */
.cpg-layout {
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ page_title or "ERP" }} — DBX Corporation</title>
<link rel="stylesheet" href="/static/erp.css?v=20260530k" />
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530k" />
<link rel="stylesheet" href="/static/erp.css?v=20260530l" />
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530l" />
<link rel="stylesheet" href="/static/erp-attach-viewer.css" />
{% block head_extra %}{% endblock %}
</head>