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

refac: styling

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-09-16 15:03:26 -05:00
parent 8bf0b40fdd
commit a3dd678bbd
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/chat/ModelSelector/ModelItem.svelte
View file

@ -144,7 +144,7 @@
<div slot="tooltip" id="tags-{item.model.id}"> <div slot="tooltip" id="tags-{item.model.id}">
{#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag} {#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag}
<Tooltip content={tag.name} className="flex-shrink-0"> <Tooltip content={tag.name} className="flex-shrink-0">
<div class=" text-xs font-semibold rounded-sm uppercase text-white"> <div class=" text-xs font-medium rounded-sm uppercase text-white">
{tag.name} {tag.name}
</div> </div>
</Tooltip> </Tooltip>

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

@ -344,7 +344,7 @@
closeFocus={false} closeFocus={false}
> >
<DropdownMenu.Trigger <DropdownMenu.Trigger
class="relative w-full font-primary {($settings?.highContrastMode ?? false) class="relative w-full {($settings?.highContrastMode ?? false)
? '' ? ''
: 'outline-hidden focus:outline-hidden'}" : 'outline-hidden focus:outline-hidden'}"
aria-label={placeholder} aria-label={placeholder}
@ -417,7 +417,7 @@
</div> </div>
{/if} {/if}
<div class="px-2"> <div class="px-2.5">
{#if tags && items.filter((item) => !(item.model?.info?.meta?.hidden ?? false)).length > 0} {#if tags && items.filter((item) => !(item.model?.info?.meta?.hidden ?? false)).length > 0}
<div <div
class=" flex w-full bg-white dark:bg-gray-850 overflow-x-auto scrollbar-none mb-0.5" class=" flex w-full bg-white dark:bg-gray-850 overflow-x-auto scrollbar-none mb-0.5"
@ -429,12 +429,12 @@
}} }}
> >
<div <div
class="flex gap-1 w-fit text-center text-sm font-medium rounded-full bg-transparent px-1.5" class="flex gap-1 w-fit text-center text-sm rounded-full bg-transparent px-1.5"
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}
<button <button
class="min-w-fit outline-none px-1.5 {selectedTag === '' && class="min-w-fit outline-none px-1.5 py-0.5 {selectedTag === '' &&
selectedConnectionType === '' selectedConnectionType === ''
? '' ? ''
: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize"