style: 合并 Header 样式

Author: ArgoZhang

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

@@ -76,12 +76,21 @@
     }
 
     .has-sidebar {
+        /*left-right*/
         position: relative;
         flex: 1;
 
+        .layout-banner {
+            display: none;
+        }
+
         .layout-menu {
             height: 100%;
         }
+
+        .layout-main {
+            width: 100%;
+        }
     }
 
     .layout-menu {
@@ -115,74 +124,6 @@
         }
     }
 
-    .layout-header-bar {
-        padding: var(--bb-layout-headerbar-padding);
-        color: var(--bb-layout-headerbar-color);
-        background-color: var(--bb-layout-headerbar-background);
-        border: var(--bs-border-width) solid var(--bb-layout-headerbar-border-color);
-        border-radius: var(--bs-border-radius);
-
-        .fa-bars {
-            transition: transform .3s linear;
-        }
-    }
-
-    &:not(.has-footer) {
-        --bb-layout-footer-height: 0px;
-    }
-
-    &.is-collapsed {
-        .fa-bars {
-            transform: rotate(90deg);
-        }
-
-        .layout-side {
-            transform: translateX(0);
-        }
-
-        .layout-right {
-            overflow: hidden;
-            height: 100vh;
-        }
-
-        .layout-footer {
-            display: none;
-        }
-
-        .has-sidebar {
-            .layout-side {
-                z-index: 1030;
-            }
-
-            .layout-main {
-                overflow: hidden;
-                height: calc(100vh - var(--bb-layout-header-height));
-            }
-        }
-    }
-
-    .has-sidebar {
-        .layout-banner {
-            display: none;
-        }
-
-        .layout-main {
-            width: 100%;
-        }
-    }
-
-    .layout-right {
-        width: 100%;
-    }
-
-    &.is-fixed {
-        position: fixed;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-    }
-
     .layout-header {
         background-color: var(--bb-layout-header-background);
         height: var(--bb-layout-header-height);
@@ -219,6 +160,52 @@
                 border-radius: 50%;
             }
         }
+
+        .layout-header-bar {
+            padding: var(--bb-layout-headerbar-padding);
+            color: var(--bb-layout-headerbar-color);
+            background-color: var(--bb-layout-headerbar-background);
+            border: var(--bs-border-width) solid var(--bb-layout-headerbar-border-color);
+            border-radius: var(--bs-border-radius);
+
+            .fa-bars {
+                transition: transform .3s linear;
+            }
+        }
+    }
+
+    &:not(.has-footer) {
+        --bb-layout-footer-height: 0px;
+    }
+
+    &.is-collapsed {
+        .fa-bars {
+            transform: rotate(90deg);
+        }
+
+        .layout-side {
+            transform: translateX(0);
+        }
+
+        .layout-right {
+            overflow: hidden;
+            height: 100vh;
+        }
+
+        .layout-footer {
+            display: none;
+        }
+
+        .has-sidebar {
+            .layout-side {
+                z-index: 1030;
+            }
+
+            .layout-main {
+                overflow: hidden;
+                height: calc(100vh - var(--bb-layout-header-height));
+            }
+        }
     }
 
     .layout-menu {