feat(editor-container): update header style

xlayers · Mar 23, 2021 · d0bea72 · d0bea72
1 parent 91f3e3d
commit d0bea72
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/apps/xlayers/src/app/editor/code/editor-container/editor-container.component.css b/apps/xlayers/src/app/editor/code/editor-container/editor-container.component.css
@@ -50,6 +50,21 @@
 }
 .mat-tab-group ::ng-deep .mat-tab-header {
   width: calc(100% - 220px);
+  height: 70px;
+}
+.mat-tab-group ::ng-deep .mat-tab-header .mat-tab-label-container,
+.mat-tab-group
+  ::ng-deep
+  .mat-tab-header
+  .mat-tab-label-container
+  .mat-tab-labels,
+.mat-tab-group
+  ::ng-deep
+  .mat-tab-header
+  .mat-tab-label-container
+  .mat-tab-labels
+  .mat-tab-label {
+  height: 100%;
 }
 :host mat-icon {
   margin: 0 4px;
@@ -59,11 +74,9 @@
   right: 0;
   top: 0;
   z-index: 2;
+  height: 70px;
 }
 .framework_selection .flex-container {
   display: flex;
-  width: 100%;
-  height: 100%;
   align-items: center;
-  margin: 10px;
 }