mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-11 20:05:19 +00:00
42 lines
1.1 KiB
Svelte
42 lines
1.1 KiB
Svelte
|
<script>
|
||
|
|
import { embed, showControls, showEmbeds } from '$lib/stores';
|
||
|
|
|
||
|
|
import FullHeightIframe from '$lib/components/common/FullHeightIframe.svelte';
|
||
|
|
import XMark from '$lib/components/icons/XMark.svelte';
|
||
|
|
|
||
|
|
export let overlay = false;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
{#if $embed}
|
||
|
|
<div class="h-full w-full">
|
||
|
|
<div
|
||
|
|
class="pointer-events-auto z-20 flex justify-between items-center py-3 px-2 font-primar text-gray-900 dark:text-white"
|
||
|
|
>
|
||
|
|
<div class="flex-1 flex items-center justify-between pl-2">
|
||
|
|
<div class="flex items-center space-x-2">
|
||
|
|
{$embed?.title ?? 'Embedded Content'}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="self-center pointer-events-auto p-1 rounded-full bg-white dark:bg-gray-850"
|
||
|
|
on:click={() => {
|
||
|
|
showControls.set(false);
|
||
|
|
showEmbeds.set(false);
|
||
|
|
embed.set(null);
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<XMark className="size-3.5 text-gray-900 dark:text-white" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class=" w-full h-full relative">
|
||
|
|
{#if overlay}
|
||
|
|
<div class=" absolute top-0 left-0 right-0 bottom-0 z-10"></div>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
<FullHeightIframe src={$embed?.url} iframeClassName="w-full h-full" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/if}
|