yml/order_site
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

优化后台侧边导航

Browse Source
This commit is contained in:
yml2213
2026-07-07 19:10:45 +08:00
parent 4fb3dbf76d
commit d11628fe57
2 changed files with 223 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend-react/src/styles/main.css
+100 -5
View File
@@ -64,14 +64,33 @@ select {
z-index: 2;
}
.admin-sider .ant-layout-sider-children {
height: 100%;
}
.admin-sider-inner {
height: 100%;
display: flex;
flex-direction: column;
min-height: 0;
}
.admin-brand {
height: 64px;
display: grid;
align-content: center;
padding: 0 20px;
min-height: 68px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 14px 12px 18px;
border-bottom: 1px solid #edf0f5;
}
.admin-brand-copy {
min-width: 0;
display: grid;
line-height: 1.25;
}
.admin-brand strong {
color: #111827;
font-size: 18px;
@@ -82,11 +101,87 @@ select {
font-size: 12px;
}
.admin-collapse-button {
flex: 0 0 auto;
border-color: #e5e7eb;
}
.admin-sidebar-profile {
margin: 12px 14px 8px;
padding: 12px;
border: 1px solid #edf0f5;
border-radius: 6px;
background: #f8fafc;
display: grid;
gap: 3px;
line-height: 1.35;
}
.admin-sidebar-profile .ant-typography {
margin: 0;
font-size: 12px;
}
.admin-menu {
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
border-inline-end: 0 !important;
padding: 6px 8px 10px;
}
.admin-menu .ant-menu-item,
.admin-menu .ant-menu-submenu-title {
border-radius: 6px;
margin-inline: 0;
width: 100%;
}
.admin-menu .ant-menu-item-selected {
font-weight: 700;
}
.admin-menu .ant-menu-item-group-title {
padding: 12px 10px 6px;
color: #9ca3af;
font-size: 12px;
font-weight: 700;
}
.admin-sider-footer {
padding: 10px 14px 14px;
border-top: 1px solid #edf0f5;
}
.admin-sider.ant-layout-sider-collapsed .admin-brand {
padding: 12px 8px;
flex-direction: column;
}
.admin-sider.ant-layout-sider-collapsed .admin-brand-copy {
justify-items: center;
}
.admin-sider.ant-layout-sider-collapsed .admin-menu {
padding-inline: 6px;
}
.admin-sider.ant-layout-sider-collapsed .admin-menu .ant-menu-item-group-title {
padding: 8px 0;
height: 8px;
overflow: hidden;
}
.admin-sider.ant-layout-sider-collapsed .admin-sider-footer {
padding-inline: 8px;
}
.admin-topbar {
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-end;
padding: 0 20px;
border-bottom: 1px solid #edf0f5;
}