Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-10 18:10:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

[backport rh-test] make topbar badges responsive and fix server health badges showing on unrelated dialogs (#6297)

Browse Source 
Backport of #6291 to `rh-test`

Automatically created by backport workflow.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6297-backport-rh-test-make-topbar-badges-responsive-and-fix-server-health-badges-showing-on--2986d73d365081d1ba58fb40eb8d2776)
by [Unito](https://www.unito.io)

---------

Co-authored-by: Christian Byrne <cbyrne@comfy.org>
Co-authored-by: GitHub Action <action@github.com>
This commit is contained in:
Comfy Org PR Bot
2025-10-26 15:49:25 +09:00
committed by GitHub
parent 76bd9ab43e
commit 09bad9c1e8
6 changed files with 436 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/platform/cloud/subscription/components/SubscriptionPanel.vue
View File

@@ -5,7 +5,7 @@
<h2 class="text-2xl">
{{ $t('subscription.title') }}
</h2>
<TopbarBadges reverse-order />
<CloudBadge reverse-order />
</div>
<div class="grow overflow-auto">
@@ -196,7 +196,7 @@ import Button from 'primevue/button'
import TabPanel from 'primevue/tabpanel'
import { computed, onMounted, ref } from 'vue'
import TopbarBadges from '@/components/topbar/TopbarBadges.vue'
import CloudBadge from '@/components/topbar/CloudBadge.vue'
import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
import SubscribeButton from '@/platform/cloud/subscription/components/SubscribeButton.vue'
import SubscriptionBenefits from '@/platform/cloud/subscription/components/SubscriptionBenefits.vue'

6
src/platform/cloud/subscription/components/SubscriptionRequiredDialogContent.vue
View File

@@ -25,10 +25,10 @@
<div class="text-sm text-muted">
{{ $t('subscription.required.title') }}
</div>
<TopbarBadges
<CloudBadge
reverse-order
no-padding
text-class="!text-sm !font-normal"
background-color="var(--p-dialog-background)"
/>
</div>
@@ -49,7 +49,7 @@
</template>
<script setup lang="ts">
import TopbarBadges from '@/components/topbar/TopbarBadges.vue'
import CloudBadge from '@/components/topbar/CloudBadge.vue'
import SubscribeButton from '@/platform/cloud/subscription/components/SubscribeButton.vue'
import SubscriptionBenefits from '@/platform/cloud/subscription/components/SubscriptionBenefits.vue'
import { useSubscription } from '@/platform/cloud/subscription/composables/useSubscription'