feat(Tab): update css for fullscreen state (#5959)

* style: 更新样式防止溢出

* refactor: 增加全屏适配样式

* style: 增加约束

* style: 移除不使用的样式

* style: 移除不使用的样式

* style: 增加 Layout 下 Tab 全屏样式

* style: 增加 Tab 全屏样式

Author: ArgoZhang

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

@@ -137,6 +137,11 @@
         position: relative;
         flex: 1;
 
+        > .tabs:fullscreen {
+            --bb-layout-header-height: 0px;
+            --bb-layout-footer-height: 0px;
+        }
+
         .tabs.tabs-border-card {
             box-shadow: none;
         }
@@ -275,8 +280,7 @@
         .layout-main > .tabs {
             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));
+            > .tabs-body {
                 overflow: auto;
             }
         }

src/BootstrapBlazor/Components/Tab/Tab.razor.scss

@@ -14,6 +14,26 @@
     display: flex;
     flex-flow: column;
 
+    &:fullscreen {
+        > .tabs-body {
+            overflow: auto;
+        }
+    }
+
+    &:not(:has(> .tabs-header)) {
+        > .tabs-body {
+            --bb-tabs-item-height: 0px;
+        }
+    }
+
+    > .tabs-body {
+        background-color: var(--bs-body-bg);
+        padding: var(--bb-tabs-body-padding);
+        flex: 1;
+        height: 1%;
+        min-height: 0;
+    }
+
     .tabs-body-content {
         background-color: var(--bs-body-bg);
 
@@ -203,16 +223,6 @@
     }
 }
 
-.tabs .tabs-body {
-    background-color: var(--bs-body-bg);
-    padding: var(--bb-tabs-body-padding);
-    flex: 1;
-}
-
-.tabs .tabs-content {
-    position: relative;
-}
-
 /*Card*/
 .tabs.tabs-card,
 .tabs.tabs-border-card {