mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-02 12:11:58 +00:00
bf24b6e729
## Summary
Backports PR #6381 (UI color updates & tweaks) to core/1.30 branch.
This includes:
- Text readability improvements
- Semantic color token consistency updates
- UI element styling refinements
- Component import path fixes (ComfyLogoTransparent → ComfyLogo)
## Merge Conflicts Resolved
- **ComfyMenuButton.vue**: Accepted cherry-picked version with import
changes
- **20 browser test snapshots**: Used backportee's copy as instructed
**Original commit**: fd236b3587
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6679-Backport-PR-6381-to-core-1-30-UI-color-updates-tweaks-2aa6d73d3650815689defd191e3dd86e)
by [Unito](https://www.unito.io)
---------
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: github-actions <github-actions@github.com>
51 lines
1.3 KiB
Vue
51 lines
1.3 KiB
Vue
<template>
|
|
<Button
|
|
v-if="isUnpackVisible"
|
|
v-tooltip.top="{
|
|
value: t('commands.Comfy_Graph_UnpackSubgraph.label'),
|
|
showDelay: 1000
|
|
}"
|
|
severity="secondary"
|
|
data-testid="convert-to-subgraph-button"
|
|
text
|
|
@click="() => commandStore.execute('Comfy.Graph.UnpackSubgraph')"
|
|
>
|
|
<template #icon>
|
|
<i class="icon-[lucide--expand] size-4" />
|
|
</template>
|
|
</Button>
|
|
<Button
|
|
v-else-if="isConvertVisible"
|
|
v-tooltip.top="{
|
|
value: t('commands.Comfy_Graph_ConvertToSubgraph.label'),
|
|
showDelay: 1000
|
|
}"
|
|
severity="secondary"
|
|
data-testid="convert-to-subgraph-button"
|
|
text
|
|
@click="() => commandStore.execute('Comfy.Graph.ConvertToSubgraph')"
|
|
>
|
|
<template #icon>
|
|
<i class="icon-[lucide--shrink]" />
|
|
</template>
|
|
</Button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from 'primevue/button'
|
|
import { computed } from 'vue'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import { useSelectionState } from '@/composables/graph/useSelectionState'
|
|
import { useCommandStore } from '@/stores/commandStore'
|
|
|
|
const { t } = useI18n()
|
|
const commandStore = useCommandStore()
|
|
const { isSingleSubgraph, hasAnySelection } = useSelectionState()
|
|
|
|
const isUnpackVisible = isSingleSubgraph
|
|
const isConvertVisible = computed(
|
|
() => hasAnySelection.value && !isSingleSubgraph.value
|
|
)
|
|
</script>
|