From 735a60e6d70917d07c7b5b0d5b33f3821d7c772a Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Thu, 18 Dec 2025 15:50:43 -0800
Subject: [PATCH] Allow resizing history

---
 src/views/LinearView.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index cc0e761f61..e22336a79c 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -191,16 +191,20 @@ function openFeedback() {
     <Splitter
       class="h-[calc(100%-38px)] w-full bg-comfy-menu-secondary-bg"
       :pt="{ gutter: { class: 'bg-transparent w-4 -mx-3' } }"
+      @resizestart="({ originalEvent }) => originalEvent.preventDefault()"
     >
       <SplitterPanel :size="1" class="min-w-24 bg-comfy-menu-bg">
         <div
-          class="sidebar-content-container h-full w-full overflow-y-auto border-r-1 border-node-component-border flex flex-col items-center"
+          class="sidebar-content-container h-full w-full p-3 overflow-y-auto border-r-1 border-node-component-border flex flex-col items-center"
         >
           <div
             v-for="(item, index) in outputs.media.value"
             :key="index"
             :class="
-              cn('py-3 border-border-subtle w-18', index !== 0 && 'border-t')
+              cn(
+                'py-3 border-border-subtle flex flex-col w-full px-1',
+                index !== 0 && 'border-t'
+              )
             "
           >
             <img
@@ -208,7 +212,7 @@ function openFeedback() {
               :key
               :class="
                 cn(
-                  'size-16 p-1 rounded-lg',
+                  'p-1 rounded-lg',
                   index === activeLoad[0] && key === activeLoad[1] && 'border-2'
                 )
               "