mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-12 04:15:25 +00:00
27 lines
653 B
Svelte
27 lines
653 B
Svelte
<script lang="ts">
|
|
import { WEBUI_BASE_URL } from '$lib/constants';
|
|
import ImagePreview from './ImagePreview.svelte';
|
|
|
|
export let src = '';
|
|
export let alt = '';
|
|
|
|
export let className = ' w-full outline-none focus:outline-none';
|
|
export let imageClassName = 'rounded-lg';
|
|
|
|
let _src = '';
|
|
$: _src = src.startsWith('/') ? `${WEBUI_BASE_URL}${src}` : src;
|
|
|
|
let showImagePreview = false;
|
|
</script>
|
|
|
|
<button
|
|
class={className}
|
|
on:click={() => {
|
|
showImagePreview = true;
|
|
}}
|
|
type="button"
|
|
>
|
|
<img src={_src} {alt} class={imageClassName} draggable="false" data-cy="image" />
|
|
</button>
|
|
|
|
<ImagePreview bind:show={showImagePreview} src={_src} {alt} />
|