diff --git a/src/app/components/AppContainer.svelte b/src/app/components/AppContainer.svelte index 098ad58a..7956a8cb 100644 --- a/src/app/components/AppContainer.svelte +++ b/src/app/components/AppContainer.svelte @@ -20,7 +20,7 @@ {@render children?.()} {:else if !$modal} - + {/if} diff --git a/src/app/components/ModalContainer.svelte b/src/app/components/ModalContainer.svelte index 2374a29d..fd261b3c 100644 --- a/src/app/components/ModalContainer.svelte +++ b/src/app/components/ModalContainer.svelte @@ -42,6 +42,7 @@ target: element, props: { onClose: closeModal, + noEscape: options.noEscape, fullscreen: options.fullscreen, children: {component, props}, }, diff --git a/src/lib/components/Dialog.svelte b/src/lib/components/Dialog.svelte index 7b20bbfe..52381ee4 100644 --- a/src/lib/components/Dialog.svelte +++ b/src/lib/components/Dialog.svelte @@ -10,6 +10,7 @@ type Props = { onClose?: any + noEscape?: boolean fullscreen?: boolean children: { component: Component @@ -17,7 +18,7 @@ } } - const {onClose = noop, fullscreen = false, children}: Props = $props() + const {onClose = noop, noEscape = false, fullscreen = false, children}: Props = $props() const wrapperClass = $derived( cx("absolute inset-0 flex sm:relative pointer-events-none", { @@ -47,11 +48,13 @@ - - - + {#if !noEscape} + + + + {/if}