diff options
Diffstat (limited to 'src/tools/uuid-generator/uuid-generator.vue')
-rw-r--r-- | src/tools/uuid-generator/uuid-generator.vue | 72 |
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"> |