ui(shell): 브랜드 'DBX ERP System' 통일 + 사이드바 접힘 시 아이콘 아래 메뉴명 표시
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -114,12 +114,19 @@ body.erp-app-body { background: var(--color-canvas-white); height: 100vh; overfl
|
|||||||
}
|
}
|
||||||
.erp-sidebar-ext { color: var(--color-midtone-gray); display: inline-flex; }
|
.erp-sidebar-ext { color: var(--color-midtone-gray); display: inline-flex; }
|
||||||
|
|
||||||
.erp-sidebar[data-collapsed="true"] .erp-sidebar-label,
|
|
||||||
.erp-sidebar[data-collapsed="true"] .erp-sidebar-badge,
|
.erp-sidebar[data-collapsed="true"] .erp-sidebar-badge,
|
||||||
.erp-sidebar[data-collapsed="true"] .erp-sidebar-ext {
|
.erp-sidebar[data-collapsed="true"] .erp-sidebar-ext {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.erp-sidebar[data-collapsed="true"] .erp-sidebar-item { justify-content: center; padding: 8px 0; }
|
/* 접힌 상태: 아이콘 위 / 프로그램 이름 작은 글씨 아래 */
|
||||||
|
.erp-sidebar[data-collapsed="true"] .erp-sidebar-item {
|
||||||
|
flex-direction: column; gap: 3px; padding: 8px 2px;
|
||||||
|
justify-content: center; text-align: center;
|
||||||
|
}
|
||||||
|
.erp-sidebar[data-collapsed="true"] .erp-sidebar-label {
|
||||||
|
flex: none; font-size: 10px; line-height: 1.1; font-weight: 500;
|
||||||
|
white-space: normal; word-break: keep-all;
|
||||||
|
}
|
||||||
|
|
||||||
.erp-sidebar-foot {
|
.erp-sidebar-foot {
|
||||||
padding: var(--sp-8);
|
padding: var(--sp-8);
|
||||||
|
|||||||
@@ -40,7 +40,7 @@
|
|||||||
<a href="/" class="erp-brand">
|
<a href="/" class="erp-brand">
|
||||||
<img src="/static/dbx-logo.png" alt="DBX" class="erp-brand-logo" />
|
<img src="/static/dbx-logo.png" alt="DBX" class="erp-brand-logo" />
|
||||||
<span class="erp-brand-divider"></span>
|
<span class="erp-brand-divider"></span>
|
||||||
<span class="erp-brand-system">ERP 시스템</span>
|
<span class="erp-brand-system">DBX ERP System</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="erp-nav-right">
|
<div class="erp-nav-right">
|
||||||
|
|||||||
@@ -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=20260530p" />
|
<link rel="stylesheet" href="/static/erp.css?v=20260530q" />
|
||||||
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530p" />
|
<link rel="stylesheet" href="/static/erp-shell.css?v=20260530q" />
|
||||||
<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>
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
<div class="erp-sidebar-head">
|
<div class="erp-sidebar-head">
|
||||||
<a href="/" class="erp-sidebar-brand">
|
<a href="/" class="erp-sidebar-brand">
|
||||||
<img src="/static/dbx-logo.png" alt="DBX" class="erp-sidebar-logo" />
|
<img src="/static/dbx-logo.png" alt="DBX" class="erp-sidebar-logo" />
|
||||||
<span class="erp-sidebar-system">ERP</span>
|
<span class="erp-sidebar-system">DBX ERP System</span>
|
||||||
</a>
|
</a>
|
||||||
<button type="button" class="erp-sidebar-toggle" id="erp-sidebar-toggle" aria-label="사이드바 접기">
|
<button type="button" class="erp-sidebar-toggle" id="erp-sidebar-toggle" aria-label="사이드바 접기">
|
||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none"
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none"
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
<a href="/" class="erp-brand">
|
<a href="/" class="erp-brand">
|
||||||
<img src="/static/dbx-logo.png" alt="DBX" class="erp-brand-logo" />
|
<img src="/static/dbx-logo.png" alt="DBX" class="erp-brand-logo" />
|
||||||
<span class="erp-brand-divider"></span>
|
<span class="erp-brand-divider"></span>
|
||||||
<span class="erp-brand-system">ERP 시스템</span>
|
<span class="erp-brand-system">DBX ERP System</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user