From 7a3f20c57d02aca1022af5e25ed132800419264d Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Thu, 24 Oct 2024 00:27:54 +0200
Subject: [PATCH] Fix sidebar scrollpanel style (#1283)

---
 src/components/sidebar/SideToolbar.vue             | 10 ++++------
 src/components/sidebar/tabs/SidebarTabTemplate.vue |  4 +---
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/sidebar/SideToolbar.vue b/src/components/sidebar/SideToolbar.vue
index 62919dbc6..6405bc6d0 100644
--- a/src/components/sidebar/SideToolbar.vue
+++ b/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>
diff --git a/src/components/sidebar/tabs/SidebarTabTemplate.vue b/src/components/sidebar/tabs/SidebarTabTemplate.vue
index 36379507e..608a08554 100644
--- a/src/components/sidebar/tabs/SidebarTabTemplate.vue
+++ b/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>