mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-02 20:22:08 +00:00
859070f3fe
Backport of #8516 to `cloud/1.41` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9538-backport-cloud-1-41-feat-Integrated-tab-UI-updates-31c6d73d36508199a52cf9312ce5ad6c) by [Unito](https://www.unito.io) Co-authored-by: pythongosssss <125205205+pythongosssss@users.noreply.github.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: github-actions <github-actions@github.com>
25 lines
622 B
Vue
25 lines
622 B
Vue
<template>
|
|
<SidebarIcon
|
|
icon="pi pi-question-circle"
|
|
class="comfy-help-center-btn"
|
|
:label="$t('menu.help')"
|
|
:tooltip="$t('sideToolbar.helpCenter')"
|
|
:icon-badge="shouldShowRedDot ? '•' : ''"
|
|
badge-class="-top-1 -right-1 min-w-2 w-2 h-2 p-0 rounded-full text-[0px] bg-[#ff3b30]"
|
|
:is-small="isSmall"
|
|
@click="toggleHelpCenter()"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useHelpCenter } from '@/composables/useHelpCenter'
|
|
|
|
import SidebarIcon from './SidebarIcon.vue'
|
|
|
|
defineProps<{
|
|
isSmall: boolean
|
|
}>()
|
|
|
|
const { shouldShowRedDot, toggleHelpCenter } = useHelpCenter()
|
|
</script>
|