UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-01-30 14:29:55 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek 2024-10-05 21:14:35 -07:00
parent 54552c3d13
commit 9586749314
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/lib/components/chat/Messages/Placeholder.svelte
View File

@ -108,9 +108,9 @@
<div class="w-full flex flex-col justify-center items-center"> <div class="w-full flex flex-col justify-center items-center">
<Tooltip <Tooltip
className="flex flex-col md:flex-row justify-center gap-2 md:gap-3.5 w-fit" className="flex flex-col md:flex-row justify-center gap-2 md:gap-3.5 w-fit"
content={marked.parse( content={(models[selectedModelIdx]?.info?.meta?.tags ?? [])
sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description ?? '') .map((tag) => tag.name.toUpperCase())
)} .join(', ')}
placement="top" placement="top"
> >
<div class="flex flex-shrink-0 justify-center"> <div class="flex flex-shrink-0 justify-center">
@ -145,16 +145,25 @@
</div> </div>
</Tooltip> </Tooltip>
<div class="flex mt-0.5 mb-2"> <div class="flex mt-1 mb-2">
<div in:fade={{ duration: 100, delay: 50 }}> <div in:fade={{ duration: 100, delay: 50 }}>
{#if models[selectedModelIdx]?.info?.meta?.description ?? null} {#if models[selectedModelIdx]?.info?.meta?.description ?? null}
<Tooltip
className=" w-fit"
content={marked.parse(
sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description ?? '')
)}
placement="top"
>
<div <div
class="mt-0.5 text-sm font-normal text-gray-500 dark:text-gray-400 line-clamp-3 markdown" class="mt-0.5 text-sm font-normal text-gray-500 dark:text-gray-400 line-clamp-2 max-w-xl markdown"
> >
{@html marked.parse( {@html marked.parse(
sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description) sanitizeResponseContent(models[selectedModelIdx]?.info?.meta?.description)
)} )}
</div> </div>
</Tooltip>
{#if models[selectedModelIdx]?.info?.meta?.user} {#if models[selectedModelIdx]?.info?.meta?.user}
<div class="mt-0.5 text-sm font-normal text-gray-400 dark:text-gray-500"> <div class="mt-0.5 text-sm font-normal text-gray-400 dark:text-gray-500">
By By