dnrops
/
open-webui
mirror of https://github.com/open-webui/open-webui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: styling

This commit is contained in:
Timothy J. Baek 2024-08-05 18:00:04 +02:00
parent ab6346ea1c
commit 37b117a84c
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/chat/Messages/ResponseMessage.svelte
View File

@ -411,7 +411,7 @@
{/if}
<div
class="prose chat-{message.role} w-full max-w-full dark:prose-invert whitespace-pre-line"
class="prose chat-{message.role} w-full max-w-full dark:prose-invert prose-p:my-0 prose-img:my-0 whitespace-pre-line"
>
<div>
{#if (message?.statusHistory ?? [...(message?.status ? [message?.status] : [])]).length > 0}

19
src/lib/components/common/Image.svelte
View File

@ -5,21 +5,26 @@
export let src = '';
export let alt = '';
let _src = '';
export let className = '';
let _src = '';
$: _src = src.startsWith('/') ? `${WEBUI_BASE_URL}${src}` : src;
let showImagePreview = false;
</script>
<div>
<button
<div class={className}>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<img
on:click={() => {
showImagePreview = true;
}}
class=" w-fit"
>
<img src={_src} {alt} class=" max-h-96 rounded-lg w-full" draggable="false" data-cy="image" />
</button>
src={_src}
{alt}
class=" rounded-lg"
draggable="false"
data-cy="image"
/>
</div>
<ImagePreview bind:show={showImagePreview} src={_src} {alt} />