scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-08-28 05:27:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2026-08-13 02:07:02 -06:00
parent f8c5fda283
commit 17c190bf99
1 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/lib/components/common/FileItem.svelte
View file

@ -52,9 +52,9 @@
{/if}
<button
class="relative group p-1.5 {className} flex items-center gap-1 {colorClassName} {small
? 'rounded-xl p-2'
: 'rounded-2xl'} text-left"
class="relative group {className} flex items-center {colorClassName} {small
? 'h-8 gap-1.5 rounded-xl px-2.5 text-[0.8125rem] leading-5'
: 'gap-1 rounded-2xl p-1.5'} text-left"
type="button"
on:click={async () => {
if (item?.file?.data?.content || item?.type === 'file' || item?.content || modal) {
@ -102,7 +102,7 @@
{/if}
</div>
{:else}
<div class="pl-1.5">
<div class="shrink-0 text-gray-500 dark:text-gray-400">
{#if !loading}
<Tooltip
content={type === 'collection'
@ -117,19 +117,19 @@
placement="top"
>
{#if type === 'collection'}
<Database />
<Database className="size-3.5" />
{:else if type === 'note'}
<PageEdit />
<PageEdit className="size-3.5" />
{:else if type === 'chat'}
<ChatBubble />
<ChatBubble className="size-3.5" />
{:else if type === 'folder'}
<Folder />
<Folder className="size-3.5" />
{:else}
<DocumentPage />
<DocumentPage className="size-3.5" />
{/if}
</Tooltip>
{:else}
<Spinner />
<Spinner className="size-3.5" />
{/if}
</div>
{/if}
@ -162,14 +162,22 @@
</div>
</div>
{:else}
<Tooltip content={decodeString(name)} className="flex flex-col w-full" placement="top-start">
<div class="flex flex-col justify-center -space-y-0.5 px-1 w-full">
<div class=" dark:text-gray-100 text-sm flex justify-between items-center">
<div class="font-normal line-clamp-1 flex-1 pr-1">{decodeString(name)}</div>
<Tooltip
content={decodeString(name)}
className="flex min-w-0 flex-1 overflow-hidden"
placement="top-start"
>
<div class="flex min-w-0 flex-1 items-center overflow-hidden">
<div class="flex min-w-0 flex-1 items-center justify-between dark:text-gray-100">
<div class="min-w-0 flex-1 truncate pr-1 font-normal">{decodeString(name)}</div>
{#if size}
<div class="text-gray-500 text-xs capitalize shrink-0">{formatFileSize(size)}</div>
<div class="max-w-[35%] shrink-0 truncate text-[0.6875rem] capitalize text-gray-500">
{formatFileSize(size)}
</div>
{:else}
<div class="text-gray-500 text-xs capitalize shrink-0">{type}</div>
<div class="max-w-[35%] shrink-0 truncate text-[0.6875rem] capitalize text-gray-500">
{type}
</div>
{/if}
</div>
</div>