perf: 优化主题结构打包后样式差异

frontend/src/layout/components/AppMain.vue

@@ -37,7 +37,7 @@ export default {
 
     .ms-main-container {
         height: 100%;
-        padding: 0;
+        padding: 0 !important;
     }
 </style>
 

frontend/src/styles/topbar.scss

@@ -25,7 +25,7 @@
   .el-menu {
     float: left;
     border: none !important;
-
+    background-color: var(--MainBG, #ffffff) !important;
     .nav-item {
       display: inline-block;
 
@@ -47,29 +47,7 @@
 
     }
   }
-/* .blackTheme .el-menu {
-    
-    .nav-item {
-      
 
-      .el-menu-item:not(.is-active) {
-
-        &:hover {
-          background-color: var(--ContentBG) !important;
-        }
-
-        &:focus {
-          background-color: var(--ContentBG) !important;
-        }
-
-      }
-      .blackTheme .el-menu-item.is-active {
-        background-color: var(--ContentBG) !important;
-        color: var(--TextActive) !important;
-      }
-
-    }
-} */
 
   .right-menu {
     float: right;

frontend/src/views/panel/list/PanelViewShow.vue

@@ -62,7 +62,7 @@
       </el-row>
     </el-col>
     <el-col v-if="panelInfo.name.length===0" style="height: 100%;">
-      <el-row style="height: 100%;" class="custom-position">
+      <el-row style="height: 100%; background-color: var(--MainBG);" class="custom-position">
         {{ $t('panel.select_panel_from_left') }}
       </el-row>
     </el-col>