Fix sidebar scrollpanel style (#1283)

src/components/sidebar/SideToolbar.vue

@@ -17,7 +17,10 @@
       </div>
     </nav>
   </teleport>
-  <div v-if="selectedTab" class="sidebar-content-container">
+  <div
+    v-if="selectedTab"
+    class="sidebar-content-container h-full overflow-y-auto overflow-x-hidden"
+  >
     <component v-if="selectedTab.type === 'vue'" :is="selectedTab.component" />
     <div
       v-else
@@ -115,9 +118,4 @@ const getTabTooltipSuffix = (tab: SidebarTabExtension) => {
   align-self: flex-end;
   margin-top: auto;
 }
-
-.sidebar-content-container {
-  height: 100%;
-  overflow-y: auto;
-}
 </style>

src/components/sidebar/tabs/SidebarTabTemplate.vue

@@ -18,9 +18,7 @@
     </div>
     <!-- h-0 to force scrollpanel to flex-grow -->
     <ScrollPanel class="comfy-vue-side-bar-body flex-grow h-0">
-      <div class="h-full">
-        <slot name="body"></slot>
-      </div>
+      <slot name="body"></slot>
     </ScrollPanel>
   </div>
 </template>