mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-26 01:09:46 +00:00
ecc809c5c0
## Summary
Backport of #6246 to `rh-test` branch.
This PR cherry-picks commit d7a58a7a9b to
the `rh-test` branch with merge conflicts resolved.
### Conflicts Resolved
**GraphCanvas.vue:**
- Accepted incoming template structure changes (removed betaMenuEnabled
check, added workflow tabs)
- Added missing imports: TopbarBadges, WorkflowTabs, isNativeWindow
- Added showUI computed property
**cloudBadge.ts:**
- Deleted file (replaced by cloudBadges.ts plural)
**telemetry/types.ts:**
- Merged interface methods from both branches
- Accepted incoming event constant changes (app: prefix)
Original PR: #6246
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6257-backport-rh-test-change-cloud-feature-flags-to-be-loaded-dynamically-at-runtime-rather--2966d73d365081a59daeeb6dfbbf2af5)
by [Unito](https://www.unito.io)
37 lines
784 B
Vue
37 lines
784 B
Vue
<template>
|
|
<div v-if="notMobile" class="flex h-full shrink-0 items-center">
|
|
<TopbarBadge
|
|
v-for="badge in topbarBadgeStore.badges"
|
|
:key="badge.text"
|
|
:badge
|
|
:reverse-order="reverseOrder"
|
|
:no-padding="noPadding"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useBreakpoints } from '@vueuse/core'
|
|
|
|
import { useTopbarBadgeStore } from '@/stores/topbarBadgeStore'
|
|
|
|
import TopbarBadge from './TopbarBadge.vue'
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
reverseOrder?: boolean
|
|
noPadding?: boolean
|
|
}>(),
|
|
{
|
|
reverseOrder: false,
|
|
noPadding: false
|
|
}
|
|
)
|
|
|
|
const BREAKPOINTS = { md: 880 }
|
|
const breakpoints = useBreakpoints(BREAKPOINTS)
|
|
const notMobile = breakpoints.greater('md')
|
|
|
|
const topbarBadgeStore = useTopbarBadgeStore()
|
|
</script>
|