diff options
Diffstat (limited to 'src/tools/random-port-generator/random-port-generator.vue')
| -rw-r--r-- | src/tools/random-port-generator/random-port-generator.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/tools/random-port-generator/random-port-generator.vue b/src/tools/random-port-generator/random-port-generator.vue index 5c94a63..d6ab5d6 100644 --- a/src/tools/random-port-generator/random-port-generator.vue +++ b/src/tools/random-port-generator/random-port-generator.vue @@ -1,8 +1,6 @@ <template> <n-card> - <n-input :value="port" readonly style="text-align: center; font-family: monospace;" /> - <br> - <br> + <div class="port">{{ port }}</div> <n-space justify="center"> <n-button @click="copy" secondary>Copy</n-button> <n-button @click="refreshPort" secondary>Refresh</n-button> @@ -27,5 +25,11 @@ refreshPort() </script> -<style lang="scss" scoped> +<style lang="less" scoped> +.port { + text-align: center; + font-size: 26px; + font-weight: 400; + margin: 10px 0 25px; +} </style>
\ No newline at end of file |