mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-12 04:15:25 +00:00
46 lines
1.2 KiB
Svelte
46 lines
1.2 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">
|
|
<a
|
|
class="flex items-center space-x-2 hover:underline"
|
|
href={$embed?.url}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{$embed?.title ?? 'Embedded Content'}
|
|
</a>
|
|
</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}
|