Move sidebar y-axis overflow style to container (#236)

src/components/sidebar/SideToolBar.vue

@@ -15,23 +15,21 @@
       </div>
     </nav>
   </teleport>
-  <div v-if="!selectedTab"></div>
+  <div v-if="selectedTab" class="sidebar-content-container">
-  <component
+    <component v-if="selectedTab.type === 'vue'" :is="selectedTab.component" />
-    v-else-if="selectedTab.type === 'vue'"
+    <div
-    :is="selectedTab.component"
+      v-else
-  />
+      :ref="
-  <div
+        (el) => {
-    v-else
+          if (el)
-    :ref="
+            mountCustomTab(
-      (el) => {
+              selectedTab as CustomSidebarTabExtension,
-        if (el)
+              el as HTMLElement
-          mountCustomTab(
+            )
-            selectedTab as CustomSidebarTabExtension,
+        }
-            el as HTMLElement
+      "
-          )
+    ></div>
-      }
+  </div>
-    "
-  ></div>
 </template>
 
 <script setup lang="ts">
@@ -94,4 +92,9 @@ onBeforeUnmount(() => {
   align-self: flex-end;
   margin-top: auto;
 }
+
+.sidebar-content-container {
+  height: 100%;
+  overflow-y: auto;
+}
 </style>

src/components/sidebar/tabs/QueueSideBarTab.vue

@@ -168,9 +168,4 @@ onMounted(() => {
 .queue-time-cell-content {
   width: fit-content;
 }
-
-.queue-table {
-  height: 100%;
-  overflow-y: auto;
-}
 </style>