修复顶部菜单过多导致错位的问题

src/layout/layout.scss

@@ -118,6 +118,7 @@
             position: relative;
             display: flex;
             align-items: center;
+            flex-direction: row;
             --el-header-padding: 0 24px;
             --el-header-height: 66px;
             .hc-header-page-name {
@@ -128,11 +129,12 @@
                 align-items: center;
             }
             .hc-header-top-menu-bar {
-                flex: auto;
+                flex: 1;
                 position: relative;
                 display: flex;
                 align-items: center;
                 padding: 0 30px;
+                overflow: hidden;
             }
             .hc-header-content {
                 position: relative;

src/layout/modules/TopMenuBar.vue

@@ -130,6 +130,9 @@ const barMenuCloseClick = (item, index) => {
 <style lang="scss">
 .hc-top-menu-bar {
     position: relative;
+    width: 100%;
+    padding-bottom: 10px;
+    margin-top: 10px;
     .bar-menu-content {
         display: flex;
         position: relative;