Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 11:11:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use fixed rem units for grid columns to enable animation

Browse Source
This commit is contained in:
Alexander Brown
2026-01-17 15:57:34 -08:00
parent 9879fefa04
commit 7af6603bf3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/widget/layout/BaseModalLayout.vue
View File

@@ -7,8 +7,8 @@
class="grid h-full w-full transition-[grid-template-columns] duration-300 ease-out" class="grid h-full w-full transition-[grid-template-columns] duration-300 ease-out"
:style="gridStyle" :style="gridStyle"
> >
<nav v-if="hasLeftPanel" class="overflow-hidden"> <nav class="overflow-hidden">
<div class="min-w-40 max-w-56"> <div v-if="hasLeftPanel" class="min-w-40 max-w-56">
<slot name="leftPanel" /> <slot name="leftPanel" />
</div> </div>
</nav> </nav>
@@ -147,7 +147,7 @@ const showLeftPanel = computed(() => {
}) })
const gridStyle = computed(() => ({ const gridStyle = computed(() => ({
gridTemplateColumns: `${hasLeftPanel.value && showLeftPanel.value ? 'minmax(10rem,14rem)' : '0fr'} 1fr ${isRightPanelOpen.value ? '18rem' : '0fr'}` gridTemplateColumns: `${hasLeftPanel.value && showLeftPanel.value ? '14rem' : '0rem'} 1fr ${isRightPanelOpen.value ? '18rem' : '0rem'}`
})) }))
const toggleLeftPanel = () => { const toggleLeftPanel = () => {