aboutsummaryrefslogtreecommitdiff
path: root/src/tools/bip39-generator/bip39-generator.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/tools/bip39-generator/bip39-generator.vue')
-rw-r--r--src/tools/bip39-generator/bip39-generator.vue102
1 files changed, 50 insertions, 52 deletions
diff --git a/src/tools/bip39-generator/bip39-generator.vue b/src/tools/bip39-generator/bip39-generator.vue
index fbfd39c..418ae0e 100644
--- a/src/tools/bip39-generator/bip39-generator.vue
+++ b/src/tools/bip39-generator/bip39-generator.vue
@@ -1,59 +1,57 @@
<template>
<div>
- <n-card>
- <n-grid cols="3" x-gap="12">
- <n-gi span="1">
- <n-form-item label="Language:">
- <n-select
- v-model:value="language"
- :options="Object.keys(languages).map((label) => ({ label, value: label }))"
- />
- </n-form-item>
- </n-gi>
- <n-gi span="2">
- <n-form-item
- label="Entropy (seed):"
- :feedback="entropyValidation.message"
- :validation-status="entropyValidation.status"
- >
- <n-input-group>
- <n-input v-model:value="entropy" placeholder="Your string..." />
- <c-button @click="refreshEntropy">
- <n-icon size="22">
- <Refresh />
- </n-icon>
- </c-button>
- <c-button @click="copyEntropy">
- <n-icon size="22">
- <Copy />
- </n-icon>
- </c-button>
- </n-input-group>
- </n-form-item>
- </n-gi>
- </n-grid>
- <n-form-item
- label="Passphrase (mnemonic):"
- :feedback="mnemonicValidation.message"
- :validation-status="mnemonicValidation.status"
- >
- <n-input-group>
- <n-input
- v-model:value="passphrase"
- style="text-align: center; flex: 1"
- placeholder="Your mnemonic..."
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
+ <n-grid cols="3" x-gap="12">
+ <n-gi span="1">
+ <n-form-item label="Language:">
+ <n-select
+ v-model:value="language"
+ :options="Object.keys(languages).map((label) => ({ label, value: label }))"
/>
+ </n-form-item>
+ </n-gi>
+ <n-gi span="2">
+ <n-form-item
+ label="Entropy (seed):"
+ :feedback="entropyValidation.message"
+ :validation-status="entropyValidation.status"
+ >
+ <n-input-group>
+ <n-input v-model:value="entropy" placeholder="Your string..." />
+ <c-button @click="refreshEntropy">
+ <n-icon size="22">
+ <Refresh />
+ </n-icon>
+ </c-button>
+ <c-button @click="copyEntropy">
+ <n-icon size="22">
+ <Copy />
+ </n-icon>
+ </c-button>
+ </n-input-group>
+ </n-form-item>
+ </n-gi>
+ </n-grid>
+ <n-form-item
+ label="Passphrase (mnemonic):"
+ :feedback="mnemonicValidation.message"
+ :validation-status="mnemonicValidation.status"
+ >
+ <n-input-group>
+ <n-input
+ v-model:value="passphrase"
+ style="text-align: center; flex: 1"
+ placeholder="Your mnemonic..."
+ autocomplete="off"
+ autocorrect="off"
+ autocapitalize="off"
+ spellcheck="false"
+ />
- <c-button @click="copyPassphrase">
- <n-icon size="22" :component="Copy" />
- </c-button>
- </n-input-group>
- </n-form-item>
- </n-card>
+ <c-button @click="copyPassphrase">
+ <n-icon size="22" :component="Copy" />
+ </c-button>
+ </n-input-group>
+ </n-form-item>
</div>
</template>