starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-22 16:55:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: new onboarding dialog

Browse Source
This commit is contained in:
Aleksi Lassila
2025-02-13 01:57:09 +02:00
parent 673ef550d3
commit 871e5dd0a7
10 changed files with 109 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/Dialog/Dialog.svelte
View File

@@ -1,28 +1,22 @@
<script lang="ts">
import Modal from '../Modal/Modal.svelte';
import classNames from 'classnames';
import { fade } from 'svelte/transition';
import { modalStack } from '../Modal/modal.store';
import Modal from '../Modal/Modal.svelte';
import Panel from '../Panel.svelte';
export let size: 'sm' | 'full' | 'lg' | 'dynamic' = 'sm';
function handleClose() {
modalStack.closeTopmost();
}
</script>
<Modal on:back>
<Modal on:close let:close>
<div
class="h-full flex items-center justify-center bg-primary-900/75 py-20 px-32 overflow-hidden"
transition:fade={{ duration: 100 }}
on:click|self={() => handleClose()}
on:click|self={close}
on:keypress={() => {
/* For a11y*/
}}
>
<Panel {size} class={$$restProps.class} onClose={handleClose}>
<slot close={handleClose} />
<Panel {size} class={$$restProps.class} onClose={close}>
<slot {close} />
</Panel>
</div>
</Modal>