aboutsummaryrefslogtreecommitdiff
path: root/src/tools/text-statistics/text-statistics.vue
diff options
context:
space:
mode:
authorGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2023-05-27 17:36:15 +0200
committerGravatar Corentin THOMASSET <corentin.thomasset74@gmail.com> 2023-05-27 17:53:13 +0200
commit4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 (patch)
treefe107c22780cb88fe0839a7940c0a26a1f58d76a /src/tools/text-statistics/text-statistics.vue
parent34d8e5ce2ca5d7a27c19ee2cb704bbfd3a215b29 (diff)
downloadit-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.tar.gz
it-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.tar.zst
it-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.zip
refactor(ui): removed all n-space
Diffstat (limited to 'src/tools/text-statistics/text-statistics.vue')
-rw-r--r--src/tools/text-statistics/text-statistics.vue12
1 files changed, 6 insertions, 6 deletions
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>