aboutsummaryrefslogtreecommitdiff
path: root/src/tools/encryption/encryption.vue
diff options
context:
space:
mode:
authorGravatar Corentin THOMASSET <corentin.thomasset74@gmail.com> 2023-06-25 15:00:50 +0200
committerGravatar GitHub <noreply@github.com> 2023-06-25 13:00:50 +0000
commit05ea54547515f7fb1eed5f31ccbde10e36041fb1 (patch)
tree535e78ce534818e9a66ff3a2335499a53db1fe4c /src/tools/encryption/encryption.vue
parent5c3bebfe62ab2942f6378356fbb6be40e389c70e (diff)
downloadit-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/encryption/encryption.vue')
-rw-r--r--src/tools/encryption/encryption.vue78
1 files changed, 28 insertions, 50 deletions
diff --git a/src/tools/encryption/encryption.vue b/src/tools/encryption/encryption.vue
index bfd0972..a11a307 100644
--- a/src/tools/encryption/encryption.vue
+++ b/src/tools/encryption/encryption.vue
@@ -19,18 +19,13 @@ const decryptOutput = computed(() =>
<template>
<c-card title="Encrypt">
<div flex gap-3>
- <n-form-item label="Your text:" :show-feedback="false" flex-1>
- <n-input
- v-model:value="cypherInput"
- type="textarea"
- placeholder="The string to cypher"
- :autosize="{ minRows: 4 }"
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
- />
- </n-form-item>
+ <c-input-text
+ v-model:value="cypherInput"
+ label="Your text:"
+ placeholder="The string to cypher"
+ rows="4"
+ multiline raw-text monospace autosize flex-1
+ />
<div flex flex-1 flex-col gap-2>
<c-input-text v-model:value="cypherSecret" label="Your secret key:" clearable raw-text />
@@ -42,34 +37,23 @@ const decryptOutput = computed(() =>
</n-form-item>
</div>
</div>
- <n-form-item label="Your text encrypted:" :show-feedback="false" mt-5>
- <n-input
- :value="cypherOutput"
- type="textarea"
- placeholder="Your string hash"
- :autosize="{ minRows: 2 }"
- readonly
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
- />
- </n-form-item>
+ <c-input-text
+ label="Your text encrypted:"
+ :value="cypherOutput"
+ rows="3"
+ placeholder="Your string hash"
+ multiline monospace readonly autosize mt-5
+ />
</c-card>
<c-card title="Decrypt">
<div flex gap-3>
- <n-form-item label="Your encrypted text:" :show-feedback="false" flex-1>
- <n-input
- v-model:value="decryptInput"
- type="textarea"
- placeholder="The string to cypher"
- :autosize="{ minRows: 4 }"
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
- />
- </n-form-item>
+ <c-input-text
+ v-model:value="decryptInput"
+ label="Your encrypted text:"
+ placeholder="The string to cypher"
+ rows="4"
+ multiline raw-text monospace autosize flex-1
+ />
<div flex flex-1 flex-col gap-2>
<c-input-text v-model:value="decryptSecret" label="Your secret key:" clearable raw-text />
@@ -81,18 +65,12 @@ const decryptOutput = computed(() =>
</n-form-item>
</div>
</div>
- <n-form-item label="Your decrypted text:" :show-feedback="false" mt-5>
- <n-input
- :value="decryptOutput"
- type="textarea"
- placeholder="Your string hash"
- :autosize="{ minRows: 2 }"
- readonly
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
- />
- </n-form-item>
+ <c-input-text
+ label="Your decrypted text:"
+ :value="decryptOutput"
+ placeholder="Your string hash"
+ rows="3"
+ multiline monospace readonly autosize mt-5
+ />
</c-card>
</template>