diff --git a/public/css/admin-base.css b/public/css/admin-base.css index a7f1ff5..ee5627e 100644 --- a/public/css/admin-base.css +++ b/public/css/admin-base.css @@ -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;} diff --git a/resources/views/admin/layouts/app.blade.php b/resources/views/admin/layouts/app.blade.php index c9fe6d9..5eb3aff 100644 --- a/resources/views/admin/layouts/app.blade.php +++ b/resources/views/admin/layouts/app.blade.php @@ -9,7 +9,7 @@ -
+