Restyle action bar (#1098)

This commit is contained in:
Chenlei Hu
2024-10-04 06:30:55 -04:00
committed by GitHub
parent 661b8081c1
commit 416fd0aed6

View File

@@ -30,12 +30,13 @@
</template> </template>
</SplitButton> </SplitButton>
<BatchCountEdit /> <BatchCountEdit />
<ButtonGroup class="execution-actions ml-2 flex flex-nowrap"> <ButtonGroup class="execution-actions flex flex-nowrap">
<Button <Button
v-tooltip.bottom="$t('menu.interrupt')" v-tooltip.bottom="$t('menu.interrupt')"
icon="pi pi-times" icon="pi pi-times"
:severity="executingPrompt ? 'danger' : 'secondary'" :severity="executingPrompt ? 'danger' : 'secondary'"
:disabled="!executingPrompt" :disabled="!executingPrompt"
text
@click="() => commandStore.getCommandFunction('Comfy.Interrupt')()" @click="() => commandStore.getCommandFunction('Comfy.Interrupt')()"
> >
</Button> </Button>
@@ -44,18 +45,20 @@
icon="pi pi-stop" icon="pi pi-stop"
:severity="hasPendingTasks ? 'danger' : 'secondary'" :severity="hasPendingTasks ? 'danger' : 'secondary'"
:disabled="!hasPendingTasks" :disabled="!hasPendingTasks"
text
@click=" @click="
() => commandStore.getCommandFunction('Comfy.ClearPendingTasks')() () => commandStore.getCommandFunction('Comfy.ClearPendingTasks')()
" "
/> />
</ButtonGroup> </ButtonGroup>
</div> </div>
<Divider layout="vertical" class="mx-2" /> <Divider layout="vertical" class="mx-1" />
<ButtonGroup class="flex flex-nowrap"> <ButtonGroup class="flex flex-nowrap">
<Button <Button
v-tooltip.bottom="$t('menu.refresh')" v-tooltip.bottom="$t('menu.refresh')"
icon="pi pi-refresh" icon="pi pi-refresh"
severity="secondary" severity="secondary"
text
@click=" @click="
() => () =>
commandStore.getCommandFunction('Comfy.RefreshNodeDefinitions')() commandStore.getCommandFunction('Comfy.RefreshNodeDefinitions')()
@@ -224,7 +227,7 @@ useEventListener(window, 'resize', adjustMenuPosition)
} }
:deep(.p-panel-content) { :deep(.p-panel-content) {
@apply p-2; @apply p-1;
} }
:deep(.p-panel-header) { :deep(.p-panel-header) {