File size: 587 Bytes
b7b13c6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <script lang="ts">
import { MermaidPreview } from '$lib/components/app/content';
import * as Dialog from '$lib/components/ui/dialog/index.js';
interface Props {
open: boolean;
svgHtml: string;
onOpenChange?: (open: boolean) => void;
}
let { onOpenChange, open = $bindable(), svgHtml }: 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]!"
showCloseButton
>
<MermaidPreview {svgHtml} />
</Dialog.Content>
</Dialog.Root>
|