hailin
/
rwadurian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(admin-web): 侧边栏菜单项过多时支持滚动，底部不再被截断 

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
hailin 2026-02-24 06:46:15 -08:00
parent e32ef9b9ff
commit 31d3eabcf8
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/admin-web/src/components/layout/Sidebar/Sidebar.module.scss
View File

@ -122,10 +122,24 @@
&__navWrapper { &__navWrapper {
width: $sidebar-width; width: $sidebar-width;
position: relative; position: relative;
flex-shrink: 0;
flex: 1; flex: 1;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
/* 滚动条样式 */
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 2px;
}
} }
&__nav { &__nav {
@ -133,11 +147,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: center;
padding: 16px 4px 16px 16px; padding: 16px 4px 16px 16px;
box-sizing: border-box; box-sizing: border-box;
gap: 8px; gap: 8px;
flex-shrink: 0;
} }
&__toggle { &__toggle {