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

fix: clean up node filter style

Browse Source
This commit is contained in:
bymyself
2026-01-22 23:20:08 -08:00
committed by Christian Byrne
parent 247a970dc9
commit 439f26c647
1 changed files with 4 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/searchbox/NodeSearchFilter.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="_content"> <div class="flex flex-col space-y-2">
<div <div
class="filter-type-group" class="flex flex-wrap gap-2"
role="tablist" role="tablist"
:aria-label="$t('sideToolbar.nodeLibraryTab.filterCategory')" :aria-label="$t('sideToolbar.nodeLibraryTab.filterCategory')"
> >
@@ -15,7 +15,7 @@
? 'secondary' ? 'secondary'
: 'muted-textonly' : 'muted-textonly'
" "
class="filter-type-button" class="flex-1 justify-center px-3 py-2 text-sm"
:aria-pressed="selectedFilter?.id === filterOption.id" :aria-pressed="selectedFilter?.id === filterOption.id"
@click="selectFilterOption(filterOption)" @click="selectFilterOption(filterOption)"
> >
@@ -30,7 +30,7 @@
auto-filter-focus auto-filter-focus
/> />
</div> </div>
<div class="_footer"> <div class="flex flex-col pt-4 items-end">
<Button type="button" @click="submit">{{ $t('g.add') }}</Button> <Button type="button" @click="submit">{{ $t('g.add') }}</Button>
</div> </div>
</template> </template>
@@ -90,23 +90,3 @@ const submit = () => {
}) })
} }
</script> </script>
<style scoped>
@reference '../../assets/css/style.css';
._content {
@apply flex flex-col space-y-2;
}
.filter-type-group {
@apply flex flex-wrap gap-2;
}
.filter-type-button {
@apply flex-1 justify-center px-3 py-2 text-sm;
}
._footer {
@apply flex flex-col pt-4 items-end;
}
</style>