From fa3374a492d3f4c248f7fc4634db924b93202456 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Sun, 19 Dec 2021 19:01:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20Tab=20=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E9=A1=B5=E5=9B=BA=E5=AE=9A=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Shared/MainLayout.razor                   |  2 +-
 .../BootstrapAdmin.Web/wwwroot/css/site.css   | 39 +++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor b/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
index 58f57e26..ed2f76de 100644
--- a/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
+++ b/src/blazor/admin/BootstrapAdmin.Web/Shared/MainLayout.razor
@@ -1,6 +1,6 @@
 @inherits LayoutComponentBase
 
-<Layout SideWidth="0" IsPage="true" IsFullSide="true" IsFixedHeader="true" IsFixedFooter="false"
+<Layout SideWidth="0" IsPage="true" IsFullSide="true" IsFixedHeader="true"
         ShowFooter="true" ShowGotoTop="true" ShowCollapseBar="true" Menus="@MenuItems"
         OnAuthorizing="@OnAuthorizing"
         UseTabSet="true" TabDefaultUrl="/Admin/Index">
diff --git a/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css b/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
index a8c782b9..34243f0f 100644
--- a/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
+++ b/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
@@ -2,6 +2,10 @@
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+:root {
+    --bb-footer-height: 40px;
+}
+
 #blazor-error-ui {
     background: lightyellow;
     bottom: 0;
@@ -34,3 +38,38 @@
 .tabs-border-card {
     box-shadow: none;
 }
+
+.tabs-body {
+    height: calc(100vh - 89px - var(--bb-footer-height));
+    overflow: auto;
+    scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
+    scrollbar-width: thin;
+}
+
+    .tabs-body::-webkit-scrollbar {
+        width: 6px;
+        height: 6px
+    }
+
+    .tabs-body::-webkit-scrollbar-thumb {
+        border-radius: 3px;
+        background-color: rgba(0,0,0,0.2);
+    }
+
+        .tabs-body::-webkit-scrollbar-thumb:hover {
+            background-color: rgba(0,0,0,0.3);
+        }
+
+    .tabs-body .tabs-body-content {
+        width: calc(100vw - 214px - 32px);
+    }
+
+@media (min-width: 992px) {
+    .tabs-body {
+        overflow: hidden;
+    }
+
+        .tabs-body:hover {
+            overflow-y: auto;
+        }
+}