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;} .sidebar-logout,.logout-form{margin-top:18px;}
.content{padding:28px;} .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;} .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;}
.page-title{margin:0;} .page-title{margin:0;}

2
resources/views/admin/layouts/app.blade.php
View File

@@ -9,7 +9,7 @@
<link rel="stylesheet" href="/css/admin-components.css"> <link rel="stylesheet" href="/css/admin-components.css">
</head> </head>
<body> <body>
<div class="layout"> <div class="layout layout-topnav">
<aside class="sidebar"> <aside class="sidebar">
<h2 class="sidebar-title">SaaSShop</h2> <h2 class="sidebar-title">SaaSShop</h2>
<div class="muted">总台管理 / Platform Ops</div> <div class="muted">总台管理 / Platform Ops</div>

2
resources/views/merchant_admin/layouts/app.blade.php
View File

@@ -8,7 +8,7 @@
<link rel="stylesheet" href="/css/merchant-admin.css"> <link rel="stylesheet" href="/css/merchant-admin.css">
</head> </head>
<body> <body>
<div class="layout"> <div class="layout layout-topnav">
<aside class="sidebar"> <aside class="sidebar">
<h2 class="sidebar-title">SaaSShop</h2> <h2 class="sidebar-title">SaaSShop</h2>
<div class="muted">商家后台 / Merchant Console</div> <div class="muted">商家后台 / Merchant Console</div>

2
resources/views/site_admin/layouts/app.blade.php
View File

@@ -8,7 +8,7 @@
<link rel="stylesheet" href="/css/site-admin.css"> <link rel="stylesheet" href="/css/site-admin.css">
</head> </head>
<body> <body>
<div class="layout"> <div class="layout layout-topnav">
<aside class="sidebar"> <aside class="sidebar">
<h2 class="sidebar-brand">SaaSShop</h2> <h2 class="sidebar-brand">SaaSShop</h2>
<div class="muted">站点后台 / Site Console</div> <div class="muted">站点后台 / Site Console</div>