mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 14:30:41 +00:00
fix: replace PrimeVue Chip with native implementation in SearchFilterChip
Remove the last PrimeVue Chip import and replace with a Tailwind-styled span + lucide X button, fixing the sizing regression and aligning with the project guideline to avoid new PrimeVue usage.
This commit is contained in:
@@ -1,12 +1,19 @@
|
||||
<template>
|
||||
<Chip removable @remove="emit('remove', $event)">
|
||||
<span
|
||||
class="inline-flex items-center gap-1 rounded-2xl bg-surface-700 py-0.5 pr-1 pl-2 text-xs"
|
||||
>
|
||||
<Badge :label="badge" :class="semanticBadgeClass" />
|
||||
{{ text }}
|
||||
</Chip>
|
||||
<button
|
||||
class="inline-flex cursor-pointer items-center justify-center rounded-full p-0.5 hover:bg-surface-600"
|
||||
@click="emit('remove', $event)"
|
||||
>
|
||||
<i class="icon-[lucide--x] size-3 text-muted-foreground" />
|
||||
</button>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Chip from 'primevue/chip'
|
||||
import { computed } from 'vue'
|
||||
|
||||
import Badge from '@/components/common/Badge.vue'
|
||||
|
||||
Reference in New Issue
Block a user