ui(sidebar): 아이콘/글자 크기 확대 + 운영·관리 그룹 묶음 정렬

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 08:29:28 +09:00
parent 269e779129
commit 8c6539d6cb
3 changed files with 11 additions and 7 deletions
+3
View File
@@ -339,6 +339,9 @@ def build_erp_nav(
"disabled_reason": "준비중" if m["status"] != "ready" else None,
}
)
# 같은 그룹끼리 묶이도록 정렬(그룹 헤더 중복 방지). 그룹 내 순서는 유지(stable).
group_order = {"ERP": 0, "운영": 1, "관리": 2}
items.sort(key=lambda it: group_order.get(it["group"], 9))
for it in items:
it["active"] = it["key"] == active
return items
+6 -5
View File
@@ -66,7 +66,7 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
}
.erp-sidebar-group {
font-size: 11px; font-weight: 600;
font-size: 12px; font-weight: 600;
color: var(--color-midtone-gray);
text-transform: uppercase; letter-spacing: 0.06em;
padding: var(--sp-12) var(--sp-12) var(--sp-6);
@@ -74,11 +74,11 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
.erp-sidebar[data-collapsed="true"] .erp-sidebar-group { opacity: 0; height: 0; padding: 0; pointer-events: none; }
.erp-sidebar-item {
display: flex; align-items: center; gap: 10px;
padding: 8px var(--sp-12);
display: flex; align-items: center; gap: 12px;
padding: 11px var(--sp-12);
border-radius: 10px;
color: var(--color-rich-black);
font-size: 14px; font-weight: 500;
font-size: 16px; font-weight: 500;
cursor: pointer;
transition: background .12s ease, color .12s ease;
border: 1px solid transparent;
@@ -96,10 +96,11 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
cursor: not-allowed;
}
.erp-sidebar-icon {
width: 18px; height: 18px;
width: 22px; height: 22px;
display: inline-flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.erp-sidebar-icon svg { width: 21px; height: 21px; }
.erp-sidebar-label { flex: 1; }
.erp-sidebar-badge {
background: var(--color-ghost-gray); color: var(--color-midtone-gray);
+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=20260530m" />
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530m" />
<link rel="stylesheet" href="/static/erp.css?v=20260530n" />
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530n" />
<link rel="stylesheet" href="/static/erp-attach-viewer.css" />
{% block head_extra %}{% endblock %}
</head>