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

Author: huchenlei

src/components/sidebar/SideToolBar.vue

@@ -15,23 +15,21 @@
       </div>
     </nav>
   </teleport>
-  <div v-if="!selectedTab"></div>
-  <component
-    v-else-if="selectedTab.type === 'vue'"
-    :is="selectedTab.component"
-  />
-  <div
-    v-else
-    :ref="
-      (el) => {
-        if (el)
-          mountCustomTab(
-            selectedTab as CustomSidebarTabExtension,
-            el as HTMLElement
-          )
-      }
-    "
-  ></div>
+  <div v-if="selectedTab" class="sidebar-content-container">
+    <component v-if="selectedTab.type === 'vue'" :is="selectedTab.component" />
+    <div
+      v-else
+      :ref="
+        (el) => {
+          if (el)
+            mountCustomTab(
+              selectedTab as CustomSidebarTabExtension,
+              el as HTMLElement
+            )
+        }
+      "
+    ></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>