diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-13 14:08:26 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-13 14:08:26 +0200 |
| commit | 2632f24cc89af7dd12f7a0c1a8b58983a1bb78d8 (patch) | |
| tree | c5b3ad34aebab7da3c75872fdb91506ba727e7af /src | |
| parent | 7c540f1208da749c3932aab8f2c392048c4546ae (diff) | |
| download | it-tools-2632f24cc89af7dd12f7a0c1a8b58983a1bb78d8.tar.gz it-tools-2632f24cc89af7dd12f7a0c1a8b58983a1bb78d8.tar.zst it-tools-2632f24cc89af7dd12f7a0c1a8b58983a1bb78d8.zip | |
refactor(style): port display
Diffstat (limited to 'src')
| -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 |