Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-19 06:20:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix node preview location when sidebar location is right (#435)

Browse Source
This commit is contained in:
Chenlei Hu
2024-08-14 22:46:05 -04:00
committed by GitHub
parent 5c4d1c2cec
commit 51233b4be3
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
View File

@@ -31,8 +31,13 @@
const hoverTarget = event.target as HTMLElement
const targetRect = hoverTarget.getBoundingClientRect()
nodePreviewStyle.top = `${targetRect.top - 40}px`
nodePreviewStyle.left = `${targetRect.right}px`
if (sidebarLocation === 'left') {
nodePreviewStyle.top = `${targetRect.top - 40}px`
nodePreviewStyle.left = `${targetRect.right}px`
} else {
nodePreviewStyle.top = `${targetRect.top - 40}px`
nodePreviewStyle.left = `${targetRect.left - 400}px`
}
},
onMouseleave: () => {
hoveredComfyNodeName = null
@@ -75,6 +80,7 @@ import type { TreeNode } from 'primevue/treenode'
import TreePlus from '@/components/primevueOverride/TreePlus.vue'
import NodePreview from '@/components/node/NodePreview.vue'
import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
import { useSettingStore } from '@/stores/settingStore'
const nodeDefStore = useNodeDefStore()
const alphabeticalSort = ref(false)
@@ -86,6 +92,11 @@ const hoveredComfyNode = computed<ComfyNodeDefImpl | null>(() => {
}
return nodeDefStore.nodeDefsByName[hoveredComfyNodeName.value] || null
})
const settingStore = useSettingStore()
const sidebarLocation = computed<'left' | 'right'>(() =>
settingStore.get('Comfy.Sidebar.Location')
)
const nodePreviewStyle = ref<Record<string, string>>({
position: 'absolute',
top: '0px',