Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-29 02:32:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: enable search box in MultiSelect and replace tag spans with SquareChip in TemplateWorkflowCard

Browse Source
This commit is contained in:
Johnpaul
2025-09-05 22:08:13 +01:00
parent c6933a4fdf
commit 142179d63f
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/custom/widget/WorkflowTemplateSelector.vue
View File

@@ -41,9 +41,9 @@
<!-- Model Filter --> <!-- Model Filter -->
<MultiSelect <MultiSelect
v-model="selectedModelObjects" v-model="selectedModelObjects"
:show-search-box="true"
:label="modelFilterLabel" :label="modelFilterLabel"
:options="modelOptions" :options="modelOptions"
:has-search-box="true"
:search-placeholder=" :search-placeholder="
$t('templateWorkflows.searchModels', 'Search models...') $t('templateWorkflows.searchModels', 'Search models...')
" "

9
src/components/templates/TemplateWorkflowCard.vue
View File

@@ -62,13 +62,11 @@
<div <div
class="flex flex-wrap absolute bottom-4 left-4 px-1 pointer-events-auto gap-2" class="flex flex-wrap absolute bottom-4 left-4 px-1 pointer-events-auto gap-2"
> >
<span <SquareChip
v-for="tag in template.tags" v-for="tag in template.tags"
:key="tag" :key="tag"
class="px-2 py-1 text-xs bg-surface-100 dark-theme:bg-surface-800 text-surface-300 dark-theme:text-surface-300 rounded backdrop-blur-sm bg-[#D9D9D9]/40" :label="tag"
> />
{{ tag }}
</span>
</div> </div>
</div> </div>
</template> </template>
@@ -120,6 +118,7 @@ import Card from 'primevue/card'
import ProgressSpinner from 'primevue/progressspinner' import ProgressSpinner from 'primevue/progressspinner'
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import SquareChip from '@/components/chip/SquareChip.vue'
import AudioThumbnail from '@/components/templates/thumbnails/AudioThumbnail.vue' import AudioThumbnail from '@/components/templates/thumbnails/AudioThumbnail.vue'
import CompareSliderThumbnail from '@/components/templates/thumbnails/CompareSliderThumbnail.vue' import CompareSliderThumbnail from '@/components/templates/thumbnails/CompareSliderThumbnail.vue'
import DefaultThumbnail from '@/components/templates/thumbnails/DefaultThumbnail.vue' import DefaultThumbnail from '@/components/templates/thumbnails/DefaultThumbnail.vue'