linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): 支持顶部导航布局（总台/站点/商家）提升可视面积

Browse Source
This commit is contained in:
萝卜
2026-03-14 01:28:49 +00:00
parent 8f5db9cc24
commit db486f6333
4 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/css/admin-base.css
View File

@@ -18,6 +18,33 @@ a:hover{text-decoration:underline;}
.sidebar-logout,.logout-form{margin-top:18px;}
.content{padding:28px;}
/* 顶部导航布局（将左侧菜单提升到顶部，提升可视面积，避免底部需要横向滚动才看到关键动作） */
.layout.layout-topnav{grid-template-columns:1fr;grid-template-rows:auto 1fr;}
.layout.layout-topnav .sidebar{
position:sticky;
top:0;
z-index:50;
padding:16px 20px;
border-right:none !important;
border-bottom:1px solid #22384f;
}
.layout.layout-topnav .content{padding-top:20px;}
/* 顶部导航：把链接横向排布，超出则可横向滚动 */
.layout.layout-topnav .sidebar a,
.layout.layout-topnav .sidebar-link{
display:inline-block;
margin:0 8px 0 0;
padding:8px 10px;
border-radius:10px;
}
.layout.layout-topnav .group-title{display:inline-block;margin:0 10px 0 0;}
.layout.layout-topnav .logout-form,
.layout.layout-topnav .sidebar-logout{display:inline-block;margin:0 0 0 10px;}
.layout.layout-topnav .sidebar{white-space:nowrap;overflow-x:auto;}
.layout.layout-topnav .sidebar::-webkit-scrollbar{height:8px;}
.layout.layout-topnav .sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:999px;}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;}
.page-title{margin:0;}