diff options
| author | Adam Soltys <[email protected]> | 2024-09-25 20:19:06 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-09-25 20:19:06 -0700 |
| commit | f3ac567352ff188a97c79c2f6b4e0fb0a68e4fb0 (patch) | |
| tree | de0b74398d48a464e46ff8ca4e9c5af3bd854abb /src/components/Mnemonic.svelte | |
| parent | d233662ca231b528f227e145abc7fdeda8423c72 (diff) | |
| download | coinos-ui-f3ac567352ff188a97c79c2f6b4e0fb0a68e4fb0.tar.gz coinos-ui-f3ac567352ff188a97c79c2f6b4e0fb0a68e4fb0.zip | |
mnemonic styles
Diffstat (limited to 'src/components/Mnemonic.svelte')
| -rw-r--r-- | src/components/Mnemonic.svelte | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte index f68d6fe0..41e81d9a 100644 --- a/src/components/Mnemonic.svelte +++ b/src/components/Mnemonic.svelte @@ -2,13 +2,15 @@ export let mnemonic; </script> -<div - class="text-lg border p-4 rounded-2xl text-secondary grid grid-flow-col grid-rows-6 grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-2 justify-items-center whitespace-nowrap w-full" -> - {#each mnemonic.split(" ") as w, i} - <div class="flex gap-1"> - <div class="select-none text-xs text-black my-auto">{i + 1}</div> - <div class="my-auto">{@html w === "-" ? "—" : w}</div> - </div> - {/each} +<div class="flex w-full border p-4 rounded-2xl h-full"> + <div + class="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-black">{i + 1}.</span> + <span>{@html w === "-" ? "—" : w}</span> + </div> + {/each} + </div> </div> |