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

View File

@ -411,7 +411,7 @@
{/if} {/if}
<div <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> <div>
{#if (message?.statusHistory ?? [...(message?.status ? [message?.status] : [])]).length > 0} {#if (message?.statusHistory ?? [...(message?.status ? [message?.status] : [])]).length > 0}

View File

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