Tweak dialog animation & automatically open invite link on host

JosiahFu · May 28, 2024 · f638184 · f638184
1 parent be5af91
commit f638184
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -11,6 +11,8 @@
     
     let gameType: 'single' | 'host' | 'client' | undefined = joinId ? 'client' : undefined;
     let id = joinId || '';
+    
+    let inviteOpen = false;
 
     const [themeSetting, themeValue] = theme()
 
@@ -26,6 +28,7 @@
     function host() {
         gameType = 'host'
         id = genBaseId()
+        setTimeout(() => inviteOpen = true, 800)
     }
     
     function exit() {
@@ -61,7 +64,7 @@
             {/if}
             <Sidebar bind:theme={$themeSetting} on:exit={exit}>
                 {#if gameType === 'host'}
-                    <InviteButton {id} link={createLink(id)} />
+                    <InviteButton {id} link={createLink(id)} bind:open={inviteOpen} />
                 {/if}
             </Sidebar>
         </section>

diff --git a/src/lib/Dialog.svelte b/src/lib/Dialog.svelte
@@ -34,7 +34,7 @@
 </script>
 
 {#if open}
-    <dialog bind:this={dialog} on:cancel|preventDefault transition:scale>
+    <dialog bind:this={dialog} on:cancel|preventDefault transition:scale={{start: 0.7}}>
         <button on:click={exit}>
             <CloseIcon class="close-icon" />
         </button>