doc(Layout): relayout z-index value (#5525)

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Components/Header.razor.css

@@ -72,14 +72,10 @@
     .navbar-header {
         position: sticky;
         top: 0;
-        z-index: 1050;
+        z-index: 15;
         height: var(--bs-header-height);
     }
 
-    .modal-open .navbar-header {
-        z-index: 1040;
-    }
-
     ::deep .bb-g-search {
         margin-bottom: 0;
         margin-inline-end: .5rem;

src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css

@@ -6,4 +6,6 @@
 
 main {
     min-height: calc(100vh - var(--bs-header-height));
+    position: relative;
+    z-index: 10;
 }

src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css

@@ -1,5 +1,11 @@
-.main {
+.section {
+    position: relative;
+}
+
+.main {
     padding: var(--bb-main-pading);
+    position: relative;
+    z-index: 5;
 }
 
 .sidebar-title {
@@ -75,6 +81,7 @@
 ::deep .dial-button {
     display: none;
     position: fixed;
+    z-index: 10;
     right: 1rem;
     bottom: 1rem;
 }