mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-04 21:22:07 +00:00
7bc05bdece
Backport of #9184 to core/1.40. **Original PR:** https://github.com/Comfy-Org/ComfyUI_frontend/pull/9184 **Pipeline ticket:** 15e1f241-efaa-4fe5-88ca-4ccc7bfb3345 Co-authored-by: Benjamin Lu <benjaminlu1107@gmail.com>
38 lines
791 B
Vue
38 lines
791 B
Vue
<template>
|
|
<TopbarBadge
|
|
:badge="cloudBadge"
|
|
:display-mode="displayMode"
|
|
:reverse-order="reverseOrder"
|
|
:no-padding="noPadding"
|
|
:background-color="backgroundColor"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
|
|
import type { TopbarBadge as TopbarBadgeType } from '@/types/comfy'
|
|
|
|
import TopbarBadge from './TopbarBadge.vue'
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
displayMode?: 'full' | 'compact' | 'icon-only'
|
|
reverseOrder?: boolean
|
|
noPadding?: boolean
|
|
backgroundColor?: string
|
|
}>(),
|
|
{
|
|
displayMode: 'full',
|
|
reverseOrder: false,
|
|
noPadding: false,
|
|
backgroundColor: 'var(--comfy-menu-bg)'
|
|
}
|
|
)
|
|
|
|
const cloudBadge = computed<TopbarBadgeType>(() => ({
|
|
icon: 'icon-[lucide--cloud]',
|
|
text: 'Comfy Cloud'
|
|
}))
|
|
</script>
|