git.iko.soy/astrolabe
on 351b0ff help sign in
astrolabe/ui/src/components/docs/HelpModal.svelte
25 lines 646 B history raw
1<script lang="ts">
2 import docs from 'stores/docs';
3 import Doc from './Doc.svelte';
5 function close() {
6 docs.hide()
7 }
9 function navigate({ detail: path }) {
10 docs.show(path);
11 }
12</script>
14{#if $docs.show}
15 <div class="absolute w-full h-full bg-navy opacity-50 cursor-pointer z-50" on:click/>
16 <div class="absolute w-full h-full z-50 overflow-y-auto" on:click={close}>
17 <div class="mx-4 2xs:mx-8 md:max-w-xl md:mx-auto">
18 <div class="py-4 2xs:py-8">
19 <div on:click|stopPropagation>
20 <Doc path={$docs.path} on:close={close} on:navigate={navigate} />
21 </div>
22 </div>
23 </div>
24 </div>
25{/if}