mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 14:30:41 +00:00
fd31f9d0ed
- add root filter buttons - replace input/output selection with popover - replace price badge with one from node header - fix bug with hovering selecting item under mouse automatically - fix tailwind merge with custom sizes removing them - general tidy/refactor/test
29 lines
651 B
Vue
29 lines
651 B
Vue
<template>
|
|
<span
|
|
:class="
|
|
cn(
|
|
'flex h-5 shrink-0 items-center bg-component-node-widget-background p-1 text-xs',
|
|
rest ? 'rounded-l-full pr-1' : 'rounded-full'
|
|
)
|
|
"
|
|
>
|
|
<i class="icon-[lucide--component] h-full bg-amber-400" />
|
|
<span class="truncate" v-text="text" />
|
|
</span>
|
|
<span
|
|
v-if="rest"
|
|
class="-ml-2.5 max-w-max min-w-0 grow basis-0 truncate rounded-r-full bg-component-node-widget-background"
|
|
>
|
|
<span class="pr-2" v-text="rest" />
|
|
</span>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { cn } from '@/utils/tailwindUtil'
|
|
|
|
defineProps<{
|
|
text: string
|
|
rest?: string
|
|
}>()
|
|
</script>
|