aboutsummaryrefslogtreecommitdiffstats
path: root/src/components
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-09-25 16:42:47 -0700
committerAdam Soltys <[email protected]>2024-09-25 17:00:12 -0700
commit9157cb04821278207af7e1b3951536f856f7ccbb (patch)
tree3187672bcc0a6dd95ed9e045d34331423f3bc1fd /src/components
parent8be8c95596626e0e0d54447ede9cb8da4f8e7e1d (diff)
downloadcoinos-ui-9157cb04821278207af7e1b3951536f856f7ccbb.tar.gz
coinos-ui-9157cb04821278207af7e1b3951536f856f7ccbb.zip
prevent mnemonic wrapping
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Mnemonic.svelte8
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 === "-" ? "&mdash;" : 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 === "-" ? "&mdash;" : w}</div>
</div>
{/each}
</div>