ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 04:15:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #17796 from silentoplayz/truncate-selector-tags

Browse source 
fix: truncate long filter tags in model selector and prevent wrapping
This commit is contained in:
Tim Jaeryang Baek 2025-09-26 14:35:58 -05:00 committed by GitHub
commit a80d5240f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/chat/ModelSelector/Selector.svelte
View file

@ -435,7 +435,7 @@
}} }}
> >
<div <div
class="flex gap-1 w-fit text-center text-sm rounded-full bg-transparent px-1.5" class="flex gap-1 w-fit text-center text-sm rounded-full bg-transparent px-1.5 whitespace-nowrap"
bind:this={tagsContainerElement} bind:this={tagsContainerElement}
> >
{#if items.find((item) => item.model?.connection_type === 'local') || items.find((item) => item.model?.connection_type === 'external') || items.find((item) => item.model?.direct) || tags.length > 0} {#if items.find((item) => item.model?.connection_type === 'local') || items.find((item) => item.model?.connection_type === 'external') || items.find((item) => item.model?.direct) || tags.length > 0}
@ -500,6 +500,7 @@
{/if} {/if}
{#each tags as tag} {#each tags as tag}
<Tooltip content={tag}>
<button <button
class="min-w-fit outline-none px-1.5 py-0.5 {selectedTag === tag class="min-w-fit outline-none px-1.5 py-0.5 {selectedTag === tag
? '' ? ''
@ -510,8 +511,9 @@
selectedTag = tag; selectedTag = tag;
}} }}
> >
{tag} {tag.length > 16 ? `${tag.slice(0, 16)}...` : tag}
</button> </button>
</Tooltip>
{/each} {/each}
</div> </div>
</div> </div>