diff options
Diffstat (limited to 'src/tools/uuid-generator/uuid-generator.vue')
| -rw-r--r-- | src/tools/uuid-generator/uuid-generator.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/src/tools/uuid-generator/uuid-generator.vue b/src/tools/uuid-generator/uuid-generator.vue index b2c7413..de9cbf2 100644 --- a/src/tools/uuid-generator/uuid-generator.vue +++ b/src/tools/uuid-generator/uuid-generator.vue @@ -1,9 +1,9 @@ <template> - <n-space vertical :size="20"> - <n-space align="center" justify="center"> + <div> + <div flex items-center justify-center gap-3> Quantity : <n-input-number v-model:value="count" :min="1" :max="50" placeholder="UUID quantity" /> - </n-space> + </div> <n-input style="text-align: center; font-family: monospace" @@ -16,13 +16,14 @@ autocorrect="off" autocapitalize="off" spellcheck="false" + my-3 /> - <n-space justify="center"> + <div flex justify-center gap-3> <c-button autofocus @click="copy"> Copy </c-button> <c-button @click="refreshUUIDs"> Refresh </c-button> - </n-space> - </n-space> + </div> + </div> </template> <script setup lang="ts"> |