From 2632f24cc89af7dd12f7a0c1a8b58983a1bb78d8 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Wed, 13 Apr 2022 14:08:26 +0200
Subject: [PATCH] refactor(style): port display

---
 .../random-port-generator/random-port-generator.vue  | 12 ++++++++----
 1 file 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 5c94a635..d6ab5d62 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