Files
llama.cpp/tools/ui/src/lib/components/app/dialogs/DialogMermaidPreview.svelte
T
2026-06-03 16:55:36 +02:00

21 lines
569 B
Svelte

<script lang="ts">
import * as Dialog from '$lib/components/ui/dialog/index.js';
import { MermaidPreview } from '$lib/components/app/content';
interface Props {
open: boolean;
svgHtml: string;
onOpenChange?: (open: boolean) => void;
}
let { open = $bindable(), svgHtml, onOpenChange }: Props = $props();
</script>
<Dialog.Root bind:open {onOpenChange}>
<Dialog.Content
class="z-999999 grid max-h-full max-w-full! grid-rows-[1fr_auto] overflow-hidden p-0 md:h-[90vh] md:max-w-[90vw]!"
>
<MermaidPreview {svgHtml} />
</Dialog.Content>
</Dialog.Root>