fix: api-tabs css style issus

Postcatlab · Jun 28, 2022 · c386299 · c386299
1 parent 4cc33c0
commit c386299
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 18 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/api.component.html b/src/workbench/browser/src/app/pages/api/api.component.html
@@ -1,7 +1,7 @@
 <nz-layout class="layout">
   <nz-sider nzTheme="light" nzWidth="250">
     <!-- <div class="side-container"> -->
-    <nz-content>
+    <nz-content class="api-tabs">
       <nz-tabset nzCentered [nzAnimated]="false">
         <nz-tab [nzTitle]="apiTitle">
           <ng-template #apiTitle>
@@ -32,27 +32,16 @@
       <div class="inner-content">
         <div class="tabs-bar f_row">
           <eo-api-tab class="fg1"></eo-api-tab>
-          <nz-select
-            [(ngModel)]="envUuid"
-            [(nzOpen)]="isOpen"
-            (nzOpenChange)="handleEnvSelectStatus($event)"
-            nzAllowClear
-            nzPlaceHolder="Environment"
-          >
+          <nz-select [(ngModel)]="envUuid" [(nzOpen)]="isOpen" (nzOpenChange)="handleEnvSelectStatus($event)"
+            nzAllowClear nzPlaceHolder="Environment">
             <nz-option *ngFor="let item of envList" [nzValue]="item.uuid" [nzLabel]="item.name"></nz-option>
           </nz-select>
         </div>
         <div class="content_container {{ this.id ? 'has_tab_page' : '' }}">
           <nz-tabset class="inside_page_tab" [nzAnimated]="false" *ngIf="this.id" nzLinkRouter>
             <nz-tab *ngFor="let tab of TABS">
-              <a
-                *nzTabLink
-                nz-tab-link
-                (click)="clickContentMenu(tab)"
-                [routerLink]="[tab.routerLink]"
-                queryParamsHandling="merge"
-                >{{ tab.title }}</a
-              >
+              <a *nzTabLink nz-tab-link (click)="clickContentMenu(tab)" [routerLink]="[tab.routerLink]"
+                queryParamsHandling="merge">{{ tab.title }}</a>
             </nz-tab>
           </nz-tabset>
           <router-outlet></router-outlet>

diff --git a/src/workbench/browser/src/app/pages/api/api.component.scss b/src/workbench/browser/src/app/pages/api/api.component.scss
@@ -11,7 +11,7 @@ nz-sider {
   background-color: #fff;
 }
 
-::ng-deep {
+ ::ng-deep {
   .ant-layout-sider-children {
     border-right: 1px solid #f0f0f0;
     padding: 5px;
@@ -20,7 +20,7 @@ nz-sider {
       margin-bottom: 12px;
     }
   }
-  .ant-tabs-nav-list {
+  .api-tabs .ant-tabs-nav-list {
     width: 100%;
     justify-content: space-evenly;
     .ant-tabs-tab {