mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
68274134c8
<img width="1183" height="809" alt="CleanShot 2025-11-26 at 16 01 15" src="https://github.com/user-attachments/assets/c14dc5c3-a672-4dcd-917d-14f16310188e" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6952-feat-right-side-panel-2b76d73d36508112b121c283a479f42a) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <github-actions@github.com>
33 lines
833 B
Vue
33 lines
833 B
Vue
<template>
|
|
<div class="flex h-full flex-col overflow-auto bg-(--p-tree-background)">
|
|
<div
|
|
class="flex items-center border-b border-(--p-divider-color) px-3 py-2"
|
|
>
|
|
<Button
|
|
v-tooltip.bottom="$t('g.back')"
|
|
icon="pi pi-arrow-left"
|
|
text
|
|
severity="secondary"
|
|
@click="$emit('close')"
|
|
/>
|
|
<span class="ml-2 font-semibold">{{ node.display_name }}</span>
|
|
</div>
|
|
<div class="grow p-4">
|
|
<NodeHelpContent :node="node" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from 'primevue/button'
|
|
|
|
import NodeHelpContent from '@/components/node/NodeHelpContent.vue'
|
|
import type { ComfyNodeDefImpl } from '@/stores/nodeDefStore'
|
|
|
|
const { node } = defineProps<{ node: ComfyNodeDefImpl }>()
|
|
|
|
defineEmits<{
|
|
(e: 'close'): void
|
|
}>()
|
|
</script>
|