kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fe): apply KBX Design System Side Navigation standards (Expanded 220px, Collapsed 56px, max 2-depth)

Browse Source
This commit is contained in:
김재현
2026-08-15 22:19:49 +09:00
parent 8d8355b323
commit 3e6f333ff8
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/current_screen.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 84 KiB

frontend/src/design-system/tokens.css
+2 -2
View File
@@ -68,8 +68,8 @@
/* KBX v60 Shell Compact Dimensions */
--ks-shell-header-height: 38px; /* Global Header 38px */
--ks-shell-sidebar-width: 200px; /* Side Nav Expanded 200px */
--ks-shell-sidebar-collapsed: 44px; /* Side Nav Collapsed 44px */
--ks-shell-sidebar-width: 220px; /* Side Nav Expanded 220px (§5) */
--ks-shell-sidebar-collapsed: 56px; /* Side Nav Collapsed 56px (§5) */
--ks-shell-tabs-height: 32px; /* Workspace Tabs 32px */
--ks-shell-pageheader-height: 36px; /* Page Header 36px */
--ks-shell-commandbar-height: 34px; /* Command Bar 34px */
frontend/src/shared/shell/KsSidebar.vue
+4 -4
View File
@@ -214,9 +214,9 @@ const sidebarClass = computed(() => ({
<style scoped>
.ks-sidebar {
width: var(--ks-shell-sidebar-width, 200px);
background-color: var(--color-background-secondary);
border-right: 1px solid var(--color-border-primary);
width: var(--ks-shell-sidebar-width, 220px);
background-color: var(--ks-color-surface);
border-right: 1px solid var(--ks-color-border);
display: flex;
flex-direction: column;
transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -226,7 +226,7 @@ const sidebarClass = computed(() => ({
}
.ks-sidebar--collapsed {
width: var(--ks-shell-sidebar-collapsed, 44px);
width: var(--ks-shell-sidebar-collapsed, 56px);
}
.ks-sidebar__header {