admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化左侧导航栏样式

Browse Source
This commit is contained in:
pany 2022-09-30 16:58:37 +08:00
parent 9f82e4626f
commit 80fc1c21e8
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/components/Sidebar/index.vue
View File

@ -66,7 +66,7 @@ const isCollapse = computed(() => {
position: absolute;
top: 0;
left: 0;
width: 4px;
width: 2px;
height: 100%;
background-color: var(--v3-sidebar-menu-tip-line-bg-color);
}
@ -107,6 +107,7 @@ const isCollapse = computed(() => {
:deep(.el-sub-menu .el-menu-item) {
height: var(--v3-sidebar-menu-item-height);
line-height: var(--v3-sidebar-menu-item-height);
&.is-active,
&:hover {
background-color: var(--v3-sidebar-menu-hover-bg-color);
}

6
src/styles/variables.css
View File

@ -12,12 +12,12 @@
--v3-sidebar-hide-width: 54px;
--v3-sidebar-menu-item-height: 60px;
--v3-sidebar-menu-tip-line-bg-color: #66b1ff;
--v3-sidebar-menu-bg-color: #152d3d;
--v3-sidebar-menu-bg-color: #001428;
--v3-sidebar-menu-hover-bg-color: #ffffff10;
--v3-sidebar-menu-text-color: #c0c4cc;
--v3-sidebar-menu-active-text-color: #ffffff;
/** SidebarLogo 组件 */
--v3-sidebarlogo-bg-color: #0c202b;
--v3-sidebarlogo-bg-color: #001428;
/** TagsView 组件 */
--v3-tagsview-height: 34px;
--v3-tagsview-tag-text-color: #495060;
@ -30,5 +30,5 @@
--v3-tagsview-tag-icon-hover-bg-color: #00000030;
--v3-tagsview-tag-icon-hover-color: #ffffff;
/** RightPanel 组件 */
--v3-rightpanel-button-bg-color: #152d3d;
--v3-rightpanel-button-bg-color: #001428;
}