feat(Layout): add style for tab context menu (#5735)

Author: ArgoZhang

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

@@ -1,4 +1,4 @@
-[data-bs-theme='dark'] .layout {
+[data-bs-theme='dark'] .layout {
     --bb-layout-header-background: #{$bb-layout-header-background-dark};
     --bb-layout-header-border-color: #{$bb-layout-header-border-color-dark};
     --bb-layout-banner-border-color: #{$bb-layout-banner-border-color-dark};
@@ -48,7 +48,15 @@
         --bb-layout-height: 100vh;
 
         .layout-main {
-            min-height: calc(var(--bb-layout-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height))
+            min-height: calc(var(--bb-layout-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height));
+
+            > .tabs,
+            > .bb-cm-zone > .tabs {
+                margin: -1rem;
+                border: none;
+                border-radius: unset;
+                min-height: calc(100% + 2rem);
+            }
         }
     }
 

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

@@ -1,4 +1,4 @@
-.tabs {
+.tabs {
     --bb-tabs-item-padding: #{$bb-tabs-item-padding};
     --bb-tabs-item-height: #{$bb-tabs-item-height};
     --bb-tabs-item-active-color: #{$bb-tabs-item-active-color};
@@ -464,13 +464,6 @@
     left: 0;
 }
 
-.is-page .layout-main > .tabs {
-    margin: -1rem;
-    border: none;
-    border-radius: unset;
-    min-height: calc(100% + 2rem);
-}
-
 .tab-dragging {
     .tabs-item-wrap:not(:hover) .tabs-item {
         pointer-events: none;