fix: fix the control left bar bug, when there is no asset, ul UI error

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

@@ -84,9 +84,9 @@ label {
 }
 
 .overflow {
-  //height: 100%;
-  float: left;
+  height: 100%;
   width: 100%;
+  float: left;
   position: inherit;
   background: #2f2a2a;
   color: #d6cbcb;

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

 <div class="container-fluid row" fxLayout="row" ngxSplit="row">
-  <div class="left" fxFlex="20%" ngxSplitArea>
+  <div fxFlex="20%" ngxSplitArea>
     <pages-control-cleftbar *ngIf="DataStore.leftbarshow"></pages-control-cleftbar>
   </div>
   <div fxFlex="15px" ngxSplitHandle></div>
-  <div fxFlex="80%" ngxSplitArea>
-    <pages-control-control
-      [ngClass]="{'col-md-10':DataStore.leftbarshow,'col-md-12':!DataStore.leftbarshow}"></pages-control-control>
+  <div fxFlex>
+    <pages-control-control></pages-control-control>
   </div>
 </div>

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

@@ -3,7 +3,7 @@ div, elements-term, elements-iframe {
   padding-bottom: 30px;
 }
 
-div {
+.window {
   display: none;
 }
 

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

-<pages-control-nav></pages-control-nav>
-<div *ngFor="let m of NavList.List;let i=index"
-     [ngClass]="{'active':i==NavList.Active}"
->
-  <elements-term [index]="i"
-                    [host]="m.host"
-                    [userid]="m.user.id"
-                    *ngIf="m.type=='ssh'">
-  </elements-term>
-  <elements-guacamole [index]="i"
-                         [host]="m.host"
-                         [userid]="m.user.id"
-                         *ngIf="m.type=='rdp'">
-  </elements-guacamole>
-  <elements-settings [index]="i"
-                        *ngIf="m.type=='settings'">
-  </elements-settings>
+<div fxLayout="column" ngxSplit="column" style="width: 100%;height: 100%;">
+  <div fxflex="0 0 50px" class="search">
+    <pages-control-nav></pages-control-nav>
+  </div>
+  <div fxFlex>
+    <div class="window" *ngFor="let m of NavList.List;let i=index"
+         [ngClass]="{'active':i==NavList.Active}">
+      <elements-term [index]="i"
+                     [host]="m.host"
+                     [userid]="m.user.id"
+                     *ngIf="m.type=='ssh'">
+      </elements-term>
+      <elements-guacamole [index]="i"
+                          [host]="m.host"
+                          [userid]="m.user.id"
+                          *ngIf="m.type=='rdp'">
+      </elements-guacamole>
+      <elements-settings [index]="i"
+                         *ngIf="m.type=='settings'">
+      </elements-settings>
+    </div>
+  </div>
 </div>