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

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

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
king
2026-05-30 08:29:28 +09:00
parent 269e779129
commit 8c6539d6cb
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/main.py
+3
View File
@@ -339,6 +339,9 @@ def build_erp_nav(
"disabled_reason": "준비중" if m["status"] != "ready" else None, "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: for it in items:
it["active"] = it["key"] == active it["active"] = it["key"] == active
return items return items
app/static/erp-shell.css
+6 -5
View File
@@ -66,7 +66,7 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
} }
.erp-sidebar-group { .erp-sidebar-group {
font-size: 11px; font-weight: 600; font-size: 12px; font-weight: 600;
color: var(--color-midtone-gray); color: var(--color-midtone-gray);
text-transform: uppercase; letter-spacing: 0.06em; text-transform: uppercase; letter-spacing: 0.06em;
padding: var(--sp-12) var(--sp-12) var(--sp-6); 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[data-collapsed="true"] .erp-sidebar-group { opacity: 0; height: 0; padding: 0; pointer-events: none; }
.erp-sidebar-item { .erp-sidebar-item {
display: flex; align-items: center; gap: 10px; display: flex; align-items: center; gap: 12px;
padding: 8px var(--sp-12); padding: 11px var(--sp-12);
border-radius: 10px; border-radius: 10px;
color: var(--color-rich-black); color: var(--color-rich-black);
font-size: 14px; font-weight: 500; font-size: 16px; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: background .12s ease, color .12s ease; transition: background .12s ease, color .12s ease;
border: 1px solid transparent; border: 1px solid transparent;
@@ -96,10 +96,11 @@ body.erp-app-body { background: var(--color-canvas-white); min-height: 100vh; }
cursor: not-allowed; cursor: not-allowed;
} }
.erp-sidebar-icon { .erp-sidebar-icon {
width: 18px; height: 18px; width: 22px; height: 22px;
display: inline-flex; align-items: center; justify-content: center; display: inline-flex; align-items: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
} }
.erp-sidebar-icon svg { width: 21px; height: 21px; }
.erp-sidebar-label { flex: 1; } .erp-sidebar-label { flex: 1; }
.erp-sidebar-badge { .erp-sidebar-badge {
background: var(--color-ghost-gray); color: var(--color-midtone-gray); background: var(--color-ghost-gray); color: var(--color-midtone-gray);
app/templates/erp_base.html
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ page_title or "ERP" }} — DBX Corporation</title> <title>{{ page_title or "ERP" }} — DBX Corporation</title>
<link rel="stylesheet" href="/static/erp.css?v=20260530m" /> <link rel="stylesheet" href="/static/erp.css?v=20260530n" />
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530m" /> <link rel="stylesheet" href="/static/erp-shell.css?v=20260530n" />
<link rel="stylesheet" href="/static/erp-attach-viewer.css" /> <link rel="stylesheet" href="/static/erp-attach-viewer.css" />
{% block head_extra %}{% endblock %} {% block head_extra %}{% endblock %}
</head> </head>