feat(Layout): update style for IsFixedTabHeader (#4731)

* style: 移除重复样式

* refactor: 更新固定标签页表头样式

* chore: bump version 9.0.2-beta02

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.0.2-beta01</Version>
+    <Version>9.0.2-beta02</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Layout/Layout.razor.scss

@@ -132,10 +132,6 @@
 
         .tabs.tabs-border-card {
             box-shadow: none;
-            margin: -1rem;
-            border: none;
-            border-radius: unset;
-            min-height: calc(100% + 2rem);
         }
     }
 
@@ -237,22 +233,10 @@
     }
 
     &.is-fixed-tab {
-        .layout-main {
-            height: calc(var(--bb-layout-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height));
-        }
-
-        .tabs-body {
-            height: calc(100% - var(--bb-tabs-item-height));
-            overflow: auto;
-
-            .tabs-body-content {
-                height: auto;
-                min-height: 100%;
-            }
-        }
-
-        &:not(.has-footer) {
-            --bb-layout-footer-height: 0;
+        .tabs-header {
+            position: sticky;
+            top: var(--bb-layout-header-height);
+            z-index: 5;
         }
     }
 }