From a7fd414ce6d4e8baad70563a69a735911af8579f Mon Sep 17 00:00:00 2001
From: chiba <sc87holl@gmaiil.com>
Date: Mon, 4 Mar 2024 22:26:48 +0800
Subject: [PATCH] improve LinkCard.svelte more intuitive

---
 AquaNet/src/pages/Home/LinkCard.svelte | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/AquaNet/src/pages/Home/LinkCard.svelte b/AquaNet/src/pages/Home/LinkCard.svelte
index 73357a6f..f2a70e2f 100644
--- a/AquaNet/src/pages/Home/LinkCard.svelte
+++ b/AquaNet/src/pages/Home/LinkCard.svelte
@@ -233,7 +233,9 @@
 
   <h2>Link Card</h2>
   <p>Please enter the following information:</p>
-  <p>1. The 20-digit access code on the back of your card.
+  {#if !inputSN}
+    <div out:slide={{ duration: 250 }}>
+  <p>The 20-digit access code on the back of your card.
     (If it doesn't work, please try scanning your card in game and enter the access code shown on screen)</p>
   <label>
     <!-- DO NOT change the order of bind:value and on:input. Their order determines the order of reactivity -->
@@ -253,8 +255,12 @@
   {#if errorAC}
     <p class="error" transition:slide>{errorAC}</p>
   {/if}
+    </div>
+    {/if}
 
-  <p>2. Download the NFC Tools app on your phone
+  {#if !inputAC}
+    <div out:slide={{ duration: 250 }}>
+  <p>Download the NFC Tools app on your phone
     (<a href="https://play.google.com/store/apps/details?id=com.wakdev.wdnfc">Android</a> /
     <a href="https://apps.apple.com/us/app/nfc-tools/id1252962749">Apple</a>) and scan your card.
     Then, enter the Serial Number.
@@ -276,6 +282,8 @@
   {#if errorSN}
     <p class="error" transition:slide>{errorSN}</p>
   {/if}
+    </div>
+    {/if}
 
   {#if conflictOld && conflictNew && me}
     <div class="overlay" transition:fade>