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/token-generator/token-generator.tool.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/token-generator/token-generator.tool.vue')
| -rw-r--r-- | src/tools/token-generator/token-generator.tool.vue | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/src/tools/token-generator/token-generator.tool.vue b/src/tools/token-generator/token-generator.tool.vue index 9c1c818..b69dec7 100644 --- a/src/tools/token-generator/token-generator.tool.vue +++ b/src/tools/token-generator/token-generator.tool.vue @@ -55,17 +55,14 @@ const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' <n-slider v-model:value="length" :step="1" :min="1" :max="512" /> </n-form-item> - <n-input + <c-input-text v-model:value="token" - style="text-align: center" - type="textarea" + multiline placeholder="The token..." - :autosize="{ minRows: 1 }" readonly - autocomplete="off" - autocorrect="off" - autocapitalize="off" - spellcheck="false" + rows="3" + autosize + class="token-display" /> <div mt-5 flex justify-center gap-3> @@ -79,3 +76,11 @@ const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' </c-card> </div> </template> + +<style scoped lang="less"> +::v-deep(.token-display) { + textarea { + text-align: center; + } +} +</style> |