ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 12:25:20 +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-13 02:27:03 +04:00
parent 74263c872c
commit 7344bd3e66
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/lib/components/chat/MessageInput/InputMenu.svelte
View file

@ -18,6 +18,7 @@
import Refresh from '$lib/components/icons/Refresh.svelte'; import Refresh from '$lib/components/icons/Refresh.svelte';
import Agile from '$lib/components/icons/Agile.svelte'; import Agile from '$lib/components/icons/Agile.svelte';
import ClockRotateRight from '$lib/components/icons/ClockRotateRight.svelte'; import ClockRotateRight from '$lib/components/icons/ClockRotateRight.svelte';
import Database from '$lib/components/icons/Database.svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
@ -201,7 +202,7 @@
} }
}} }}
> >
<DocumentArrowUp /> <Database />
<div class=" line-clamp-1">{$i18n.t('Attach Knowledge')}</div> <div class=" line-clamp-1">{$i18n.t('Attach Knowledge')}</div>
</DropdownMenu.Item> </DropdownMenu.Item>
</Tooltip> </Tooltip>

12
src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte
View file

@ -32,16 +32,16 @@
{#if showHistory} {#if showHistory}
<div class="flex flex-row"> <div class="flex flex-row">
{#if history.length > 1} {#if history.length > 1}
<div class="w-1 border-r border-gray-50 dark:border-gray-800 mt-3 -mb-2.5" /> <div class="w-1 border-r border-gray-100 dark:border-gray-800 mt-3 -mb-2.5" />
<div class="w-full -translate-x-[7.5px]"> <div class="w-full -translate-x-[7.5px]">
{#each history as status, idx} {#each history as status, idx}
{#if idx !== history.length - 1} {#if idx !== history.length - 1}
<div class="flex items-start gap-2 mb-1"> <div class="flex items-start gap-2 mb-1">
<div class="pt-3 px-1"> <div class="pt-3 px-1">
<span class="relative flex size-2"> <span class="relative flex size-1.5 rounded-full justify-center items-center">
<span <span
class="relative inline-flex size-1.5 rounded-full bg-gray-200 dark:bg-gray-700" class="relative inline-flex size-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
></span> ></span>
</span> </span>
</div> </div>
@ -62,13 +62,13 @@
> >
<div class="flex items-start gap-2"> <div class="flex items-start gap-2">
<div class="pt-3 px-1"> <div class="pt-3 px-1">
<span class="relative flex size-2"> <span class="relative flex size-1.5 rounded-full justify-center items-center">
{#if status?.done === false} {#if status?.done === false}
<span <span
class="absolute inline-flex h-full w-full animate-ping rounded-full bg-gray-400 dark:bg-gray-700 opacity-75" class="absolute inline-flex h-full w-full animate-ping rounded-full bg-gray-300 dark:bg-gray-600 opacity-75"
></span> ></span>
{/if} {/if}
<span class="relative inline-flex size-1.5 rounded-full bg-gray-200 dark:bg-gray-700" <span class="relative inline-flex size-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
></span> ></span>
</span> </span>
</div> </div>