fix: fix the left bar

src/app/pages/control/cleftbar/cleftbar.component.scss

@@ -73,7 +73,7 @@ label {
 .search {
   border-left-width: 0;
   border-bottom: #19aa8d 2px inset;
-  padding-top: 30px;
+  //padding-top: 30px;
   width: 100%;
   //position: fixed;
   //height: 28px;

src/app/pages/control/control.component.css

@@ -7,17 +7,11 @@ div {
   position: initial;
 }
 
-pages-control-cleftbar {
-  padding: 0;
+pages-control-cleftbar, pages-control-control {
   background: #2f2a2a;
   color: #d6cbcb;
-  width: 100%;
-  height: 100%;
 }
 
-pages-control-control {
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 11;
+.container-fluid {
+  padding-top: 30px;
 }

src/app/pages/control/control.component.html

 <div class="container-fluid row" fxLayout="row" ngxSplit="row">
   <div class="left" fxFlex="20%" ngxSplitArea>
-    <pages-control-cleftbar class="col-md-2" *ngIf="DataStore.leftbarshow"></pages-control-cleftbar>
+    <pages-control-cleftbar *ngIf="DataStore.leftbarshow"></pages-control-cleftbar>
   </div>
   <div fxFlex="15px" ngxSplitHandle></div>
   <div fxFlex="80%" ngxSplitArea>

src/app/pages/control/control/control.component.css

@@ -10,3 +10,8 @@ div {
 .active {
   display: block;
 }
+.right-side {
+  height: 100%;
+  width: 100%;
+  background-color: gray;
+}