Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 03:01:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix queue button icon layout shift (#1469)

Browse Source
This commit is contained in:
Chenlei Hu
2024-11-08 10:02:36 -05:00
committed by GitHub
parent dd192777b7
commit 700336fcc7
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/actionbar/ComfyQueueButton.vue
View File

@@ -15,7 +15,9 @@
> >
<template #icon> <template #icon>
<i-lucide:list-start v-if="workspaceStore.shiftDown" /> <i-lucide:list-start v-if="workspaceStore.shiftDown" />
<i v-else :class="activeQueueModeMenuItem.icon" /> <i-lucide:play v-else-if="queueMode === 'disabled'" />
<i-lucide:fast-forward v-else-if="queueMode === 'instant'" />
<i-lucide:step-forward v-else-if="queueMode === 'change'" />
</template> </template>
<template #item="{ item }"> <template #item="{ item }">
<Button <Button
@@ -76,7 +78,6 @@ const queueModeMenuItemLookup: Record<AutoQueueMode, MenuItem> = {
disabled: { disabled: {
key: 'disabled', key: 'disabled',
label: 'Queue', label: 'Queue',
icon: 'pi pi-play',
tooltip: t('menu.disabledTooltip'), tooltip: t('menu.disabledTooltip'),
command: () => { command: () => {
queueMode.value = 'disabled' queueMode.value = 'disabled'
@@ -85,7 +86,6 @@ const queueModeMenuItemLookup: Record<AutoQueueMode, MenuItem> = {
instant: { instant: {
key: 'instant', key: 'instant',
label: 'Queue (Instant)', label: 'Queue (Instant)',
icon: 'pi pi-forward',
tooltip: t('menu.instantTooltip'), tooltip: t('menu.instantTooltip'),
command: () => { command: () => {
queueMode.value = 'instant' queueMode.value = 'instant'
@@ -94,7 +94,6 @@ const queueModeMenuItemLookup: Record<AutoQueueMode, MenuItem> = {
change: { change: {
key: 'change', key: 'change',
label: 'Queue (Change)', label: 'Queue (Change)',
icon: 'pi pi-step-forward-alt',
tooltip: t('menu.changeTooltip'), tooltip: t('menu.changeTooltip'),
command: () => { command: () => {
queueMode.value = 'change' queueMode.value = 'change'