aboutsummaryrefslogtreecommitdiffstats
path: root/src/lib/Mnemonic.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2025-07-14 21:16:17 -0700
committerAdam Soltys <[email protected]>2025-07-14 21:16:17 -0700
commit3e4ee5782a530b1e3bfa8358d6fcd2a5feeac99b (patch)
treeeac3edf7d14bb1715262222c1b1235aac8a1118d /src/lib/Mnemonic.svelte
parentf8c0b581084a7d7dd1a3664331cccf797c922661 (diff)
downloadcoinosv3-3e4ee5782a530b1e3bfa8358d6fcd2a5feeac99b.tar.gz
coinosv3-3e4ee5782a530b1e3bfa8358d6fcd2a5feeac99b.zip
creation
Diffstat (limited to 'src/lib/Mnemonic.svelte')
-rw-r--r--src/lib/Mnemonic.svelte16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/lib/Mnemonic.svelte b/src/lib/Mnemonic.svelte
new file mode 100644
index 0000000..117c98f
--- /dev/null
+++ b/src/lib/Mnemonic.svelte
@@ -0,0 +1,16 @@
+<script>
+ let { mnemonic } = $props();
+</script>
+
+<div class="card">
+ <div
+ class="card-body text-secondary grid grid-flow-col grid-rows-6 sm:grid-rows-none grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-x-8 gap-y-2 justify-center whitespace-nowrap m-auto"
+ >
+ {#each mnemonic.split(" ") as w, i}
+ <div>
+ <span class="select-none text-neutral">{i + 1}.</span>
+ <span>{@html w === "-" ? "&mdash;" : w}</span>
+ </div>
+ {/each}
+ </div>
+</div>