style(fe): apply KBX Design System Side Navigation standards (Expanded 220px, Collapsed 56px, max 2-depth)
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user