aboutsummaryrefslogtreecommitdiff
path: root/src/tools/uuid-generator/uuid-generator.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/tools/uuid-generator/uuid-generator.vue')
-rw-r--r--src/tools/uuid-generator/uuid-generator.vue72
1 files changed, 45 insertions, 27 deletions
diff --git a/src/tools/uuid-generator/uuid-generator.vue b/src/tools/uuid-generator/uuid-generator.vue
index 61dc6bf..fb723b8 100644
--- a/src/tools/uuid-generator/uuid-generator.vue
+++ b/src/tools/uuid-generator/uuid-generator.vue
@@ -1,31 +1,49 @@
<template>
- <div>
- <n-card>
- <n-space align="center" justify="center">
- Quantity :
- <n-input-number v-model:value="count" :min="1" :max="50" />
- </n-space>
- <br />
- <n-input
- style="text-align: center; font-family: monospace;"
- :value="uuids"
- type="textarea"
- placeholder="Your uuids"
- :autosize="{ minRows: 1 }"
- readonly
- autocomplete="off"
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
- />
- <br />
- <br />
- <n-space justify="center">
- <n-button @click="copy" secondary autofocus>Copy</n-button>
- <n-button @click="refreshUUIDs" secondary>Refresh</n-button>
- </n-space>
- </n-card>
- </div>
+ <div>
+ <n-card>
+ <n-space
+ align="center"
+ justify="center"
+ >
+ Quantity :
+ <n-input-number
+ v-model:value="count"
+ :min="1"
+ :max="50"
+ />
+ </n-space>
+ <br>
+ <n-input
+ style="text-align: center; font-family: monospace;"
+ :value="uuids"
+ type="textarea"
+ placeholder="Your uuids"
+ :autosize="{ minRows: 1 }"
+ readonly
+ autocomplete="off"
+ autocorrect="off"
+ autocapitalize="off"
+ spellcheck="false"
+ />
+ <br>
+ <br>
+ <n-space justify="center">
+ <n-button
+ secondary
+ autofocus
+ @click="copy"
+ >
+ Copy
+ </n-button>
+ <n-button
+ secondary
+ @click="refreshUUIDs"
+ >
+ Refresh
+ </n-button>
+ </n-space>
+ </n-card>
+ </div>
</template>
<script setup lang="ts">