mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-19 22:09:37 +00:00
85bec5ee47
## Summary - replace raw button elements in queue progress overlay UI with shared IconButton/TextButton/IconTextButton components - remove forced justify-start from IconTextButton base and add explicit alignment where needed - keep queue overlay actions consistent with button styling patterns ## Testing - pnpm typecheck - pnpm lint:fix ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6793-Use-shared-button-components-in-queue-overlay-2b26d73d3650814d9ebfebba74226036) by [Unito](https://www.unito.io)
53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<template>
|
|
<Button
|
|
v-bind="$attrs"
|
|
unstyled
|
|
:class="buttonStyle"
|
|
:disabled="disabled"
|
|
@click="onClick"
|
|
>
|
|
<slot></slot>
|
|
</Button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from 'primevue/button'
|
|
import { computed } from 'vue'
|
|
|
|
import type { BaseButtonProps } from '@/types/buttonTypes'
|
|
import {
|
|
getBaseButtonClasses,
|
|
getBorderButtonTypeClasses,
|
|
getButtonTypeClasses,
|
|
getIconButtonSizeClasses
|
|
} from '@/types/buttonTypes'
|
|
import { cn } from '@/utils/tailwindUtil'
|
|
|
|
interface IconButtonProps extends BaseButtonProps {
|
|
onClick?: (event: MouseEvent) => void
|
|
}
|
|
|
|
defineOptions({
|
|
inheritAttrs: false
|
|
})
|
|
|
|
const {
|
|
size = 'md',
|
|
type = 'secondary',
|
|
border = false,
|
|
disabled = false,
|
|
class: className,
|
|
onClick
|
|
} = defineProps<IconButtonProps>()
|
|
|
|
const buttonStyle = computed(() => {
|
|
const baseClasses = `${getBaseButtonClasses()} p-0`
|
|
const sizeClasses = getIconButtonSizeClasses(size)
|
|
const typeClasses = border
|
|
? getBorderButtonTypeClasses(type)
|
|
: getButtonTypeClasses(type)
|
|
|
|
return cn(baseClasses, sizeClasses, typeClasses, className)
|
|
})
|
|
</script>
|