Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-01 22:09:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add sidebar

Browse Source 
Conflicted on this one. Will likely argue for inlining history
This commit is contained in:
Austin Mroz
2025-12-19 15:25:17 -08:00
parent 24523a5397
commit 1c007d650d
1 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/LinearView.vue
View File

@@ -247,10 +247,28 @@ function handleCenterWheel(e: WheelEvent) {
:pt="{ gutter: { class: 'bg-transparent w-4 -mx-3' } }"
@resizestart="({ originalEvent }) => originalEvent.preventDefault()"
>
<SplitterPanel :size="1" class="min-w-24 bg-comfy-menu-bg">
<SplitterPanel :size="1" class="min-w-38 bg-comfy-menu-bg flex">
<div
class="h-full flex flex-col items-end align-center w-14 p-2 border-r border-node-component-border"
>
<Button class="bg-transparent">
<i class="size-4 icon-[comfy--workflow] bg-muted-foreground" />
</Button>
<div class="flex-1" />
<div class="p-1 bg-secondary-background rounded-lg w-10">
<Button>
<i class="size-4 icon-[comfy--workflow] bg-muted-foreground" />
</Button>
<Button class="bg-base-foreground">
<i
class="size-4 icon-[lucide--panels-top-left] bg-base-background"
/>
</Button>
</div>
</div>
<div
ref="outputsRef"
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"
class="sidebar-content-container h-full min-w-24 grow-1 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"
@@ -258,7 +276,7 @@ function handleCenterWheel(e: WheelEvent) {
:class="
cn(
'py-3 border-border-subtle flex flex-col w-full px-1',
index !== 0 && 'border-t'
index !== 0 && 'border-t-2'
)
"
>