diff options
Diffstat (limited to 'src/tools/text-statistics/text-statistics.vue')
| -rw-r--r-- | src/tools/text-statistics/text-statistics.vue | 12 |
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> |