From 4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Sat, 27 May 2023 17:36:15 +0200
Subject: refactor(ui): removed all n-space

---
 src/tools/text-statistics/text-statistics.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/tools/text-statistics/text-statistics.vue')

diff --git a/src/tools/text-statistics/text-statistics.vue b/src/tools/text-statistics/text-statistics.vue
index aa4d684..a03915c 100644
--- a/src/tools/text-statistics/text-statistics.vue
+++ b/src/tools/text-statistics/text-statistics.vue
@@ -2,12 +2,12 @@
   <c-card>
     <n-input v-model:value="text" type="textarea" placeholder="Your text..." rows="5" />
 
-    <n-space justify="space-around" mt-5>
-      <n-statistic label="Character count" :value="text.length" />
-      <n-statistic label="Word count" :value="text === '' ? 0 : text.split(/\s+/).length" />
-      <n-statistic label="Line count" :value="text === '' ? 0 : text.split(/\r\n|\r|\n/).length" />
-      <n-statistic label="Byte size" :value="formatBytes(getStringSizeInBytes(text))" />
-    </n-space>
+    <div mt-5 flex>
+      <n-statistic label="Character count" :value="text.length" flex-1 />
+      <n-statistic label="Word count" :value="text === '' ? 0 : text.split(/\s+/).length" flex-1 />
+      <n-statistic label="Line count" :value="text === '' ? 0 : text.split(/\r\n|\r|\n/).length" flex-1 />
+      <n-statistic label="Byte size" :value="formatBytes(getStringSizeInBytes(text))" flex-1 />
+    </div>
   </c-card>
 </template>
 
-- 
cgit v1.2.3

