diff options
| author | Adam Soltys <[email protected]> | 2024-09-25 16:42:47 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-09-25 17:00:12 -0700 |
| commit | aaebbd317260615d0659dfd14560a9cda4b8d666 (patch) | |
| tree | 3187672bcc0a6dd95ed9e045d34331423f3bc1fd /src/components | |
| parent | 401a8a4590e14f1b6dec65d510ee6717cf25a3b6 (diff) | |
| download | coinos-ui-aaebbd317260615d0659dfd14560a9cda4b8d666.tar.gz coinos-ui-aaebbd317260615d0659dfd14560a9cda4b8d666.zip | |
prevent mnemonic wrapping
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Mnemonic.svelte | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte index 5e834aed..ff5aea32 100644 --- a/src/components/Mnemonic.svelte +++ b/src/components/Mnemonic.svelte @@ -3,12 +3,12 @@ </script> <div - class="text-lg border p-4 rounded-2xl text-secondary grid grid-cols-3 gap-2 justify-center" + class="text-lg border p-4 rounded-2xl text-secondary grid xss:grid-flow-col xss:grid-rows-6 xss:grid-cols-2 grid-cols-3 gap-2 justify-items-center whitespace-nowrap w-full" > {#each mnemonic.split(" ") as w, i} - <div> - <span class="select-none text-sm text-black">{i + 1}.</span> - <span>{@html w === "-" ? "—" : w}</span> + <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> |