Swap some button positions

JosiahFu · May 28, 2024 · 1530a59 · 1530a59
1 parent 9bc8e47
commit 1530a59
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -70,12 +70,12 @@
                 <NetworkGame {id} bind:connected />
             {/if}
             <Sidebar bind:theme={$themeSetting} bind:highContrast={$highContrast} on:exit={exit}>
-                {#if gameType === 'host'}
-                    <InviteButton {id} link={createLink(id)} bind:this={inviteDialog} />
-                {/if}
                 {#if gameType !== 'single'}
                     <ConnectedButton {connected} host={gameType === 'host'} />
                 {/if}
+                {#if gameType === 'host'}
+                    <InviteButton {id} link={createLink(id)} bind:this={inviteDialog} />
+                {/if}
             </Sidebar>
         </section>
     {/if}

diff --git a/src/InviteButton.svelte b/src/InviteButton.svelte
@@ -44,6 +44,7 @@
 
     <h2>Link</h2>
     <div class="link-container">
+        <input readonly value={link} bind:this={input} />
         <button on:click={copyLink}>
             {#if copiedLink}
                 <ClipboardCheckIcon />
@@ -52,7 +53,6 @@
             {/if}
             {' '}Copy
         </button>
-        <input readonly value={link} bind:this={input} />
     </div>
 
     <QRCode data={link} isResponsive />
@@ -82,13 +82,13 @@
     }
     
     button {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
         gap: 0.3em;
     }
     
     input {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
     }
 </style>