diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-06-25 15:00:50 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-06-25 13:00:50 +0000 |
| commit | 05ea54547515f7fb1eed5f31ccbde10e36041fb1 (patch) | |
| tree | 535e78ce534818e9a66ff3a2335499a53db1fe4c /src/tools/hmac-generator/hmac-generator.vue | |
| parent | 5c3bebfe62ab2942f6378356fbb6be40e389c70e (diff) | |
| download | it-tools-05ea54547515f7fb1eed5f31ccbde10e36041fb1.tar.gz it-tools-05ea54547515f7fb1eed5f31ccbde10e36041fb1.tar.zst it-tools-05ea54547515f7fb1eed5f31ccbde10e36041fb1.zip | |
refactor(ui): replaced some n-input to c-input (#505)
Diffstat (limited to 'src/tools/hmac-generator/hmac-generator.vue')
| -rw-r--r-- | src/tools/hmac-generator/hmac-generator.vue | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/src/tools/hmac-generator/hmac-generator.vue b/src/tools/hmac-generator/hmac-generator.vue index dcece9f..463e27b 100644 --- a/src/tools/hmac-generator/hmac-generator.vue +++ b/src/tools/hmac-generator/hmac-generator.vue @@ -46,13 +46,10 @@ const { copy } = useCopy({ source: hmac }); </script> <template> - <div> - <n-form-item label="Plain text to compute the hash"> - <n-input v-model:value="plainText" type="textarea" placeholder="Enter the text to compute the hash..." /> - </n-form-item> - <n-form-item label="Secret key"> - <n-input v-model:value="secret" placeholder="Enter the secret key..." /> - </n-form-item> + <div flex flex-col gap-4> + <c-input-text v-model:value="plainText" multiline raw-text placeholder="Plain text to compute the hash..." rows="3" autosize autofocus label="Plain text to compute the hash" /> + <c-input-text v-model:value="secret" raw-text placeholder="Enter the secret key..." label="Secret key" clearable /> + <div flex gap-2> <n-form-item label="Hashing function" flex-1> <n-select @@ -86,9 +83,7 @@ const { copy } = useCopy({ source: hmac }); /> </n-form-item> </div> - <n-form-item label="HMAC of your text"> - <n-input readonly :value="hmac" type="textarea" placeholder="The result of the HMAC..." /> - </n-form-item> + <input-copyable v-model:value="hmac" type="textarea" placeholder="The result of the HMAC..." label="HMAC of your text" /> <div flex justify-center> <c-button @click="copy()"> Copy HMAC |