lzc256
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

improve LinkCard.svelte more intuitive

pull/17/head
chiba 2024-03-04 22:26:48 +08:00
parent eb30451cfa
commit a7fd414ce6
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
AquaNet/src/pages/Home/LinkCard.svelte
View File

@ -233,7 +233,9 @@
<h2>Link Card</h2> <h2>Link Card</h2>
<p>Please enter the following information:</p> <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> (If it doesn't work, please try scanning your card in game and enter the access code shown on screen)</p>
<label> <label>
<!-- DO NOT change the order of bind:value and on:input. Their order determines the order of reactivity --> <!-- DO NOT change the order of bind:value and on:input. Their order determines the order of reactivity -->
@ -253,8 +255,12 @@
{#if errorAC} {#if errorAC}
<p class="error" transition:slide>{errorAC}</p> <p class="error" transition:slide>{errorAC}</p>
{/if} {/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://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. <a href="https://apps.apple.com/us/app/nfc-tools/id1252962749">Apple</a>) and scan your card.
Then, enter the Serial Number. Then, enter the Serial Number.
@ -276,6 +282,8 @@
{#if errorSN} {#if errorSN}
<p class="error" transition:slide>{errorSN}</p> <p class="error" transition:slide>{errorSN}</p>
{/if} {/if}
</div>
{/if}
{#if conflictOld && conflictNew && me} {#if conflictOld && conflictNew && me}
<div class="overlay" transition:fade> <div class="overlay" transition:fade>