Revert move floating menu to Vue (#853)

This commit is contained in:
Chenlei Hu
2024-09-17 09:33:25 +09:00
committed by GitHub
parent 2b60244e4a
commit 980dd285ad
5 changed files with 12 additions and 41 deletions

View File

@@ -1,27 +0,0 @@
<template>
<div class="floating-menu" ref="container"></div>
</template>
<script setup lang="ts">
import { app } from '@/scripts/app'
import { useSettingStore } from '@/stores/settingStore'
import { onMounted, ref, watch } from 'vue'
const container = ref<HTMLDivElement | null>(null)
const settingStore = useSettingStore()
watch(
() => settingStore.get('Comfy.DevMode'),
(value) => {
const element = document.getElementById('comfy-dev-save-api-button')
if (element) {
element.style.display = value ? 'flex' : 'none'
}
},
{ immediate: true }
)
onMounted(() => {
app.ui.setup(container.value)
})
</script>

View File

@@ -6,7 +6,6 @@
</template>
</LiteGraphCanvasSplitterOverlay>
<TitleEditor />
<FloatingMenu />
<canvas ref="canvasRef" id="graph-canvas" tabindex="1" />
</teleport>
<NodeSearchboxPopover />
@@ -19,7 +18,6 @@ import SideToolbar from '@/components/sidebar/SideToolbar.vue'
import LiteGraphCanvasSplitterOverlay from '@/components/LiteGraphCanvasSplitterOverlay.vue'
import NodeSearchboxPopover from '@/components/searchbox/NodeSearchBoxPopover.vue'
import NodeTooltip from '@/components/graph/NodeTooltip.vue'
import FloatingMenu from '@/components/appMenu/floating/FloatingMenu.vue'
import { ref, computed, onUnmounted, onMounted, watchEffect } from 'vue'
import { app as comfyApp } from '@/scripts/app'
import { useSettingStore } from '@/stores/settingStore'