tewak tab styles

qutip · Aug 26, 2023 · b9f4008 · b9f4008
1 parent c22dade
commit b9f4008
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/Tabs.css b/src/Tabs.css
@@ -1,3 +1,10 @@
+.tab-body {
+  flex: none;
+  height: calc(100% - 40px);
+  width: 100%;
+  background-color: #1d1d1d;
+}
+
 .tab-header-container {
     display: flex;
     flex-direction: row;
@@ -8,6 +15,8 @@
     height: 40px;
     width: 100%;
     background-color: #000;
+    flex-shrink: 0;
+    margin-top: auto;
   }
 
   .tab-control {
@@ -32,17 +41,12 @@
     background-color: #000;
     cursor: pointer;
     transition: 0.1s background linear;
-    flex: none;
   }
 
   .tab-header.active {
     background-color: var(--darkgrey);
   }
-
-  .tab-body {
-    height: calc(100% - 40px);
-    background-color: #1d1d1d;
-  }
+
 
   .tab-button {
     display: inline-block;