From c590aa353177eca5c15b5673261a94686c201641 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Mon, 26 Feb 2024 16:29:26 +0800
Subject: [PATCH] fix: Issues #194 done.

---
 src/components/durationjs.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index 1687159..5a9e6f7 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -5,10 +5,10 @@
       <p>0</p>
     </div>
     <div v-else class="flex justify-center items-center gap-1" id="cyp-timerange-show">
-      <p>{{ days }}d</p>
-      <p>{{ hours }}h</p>
-      <p>{{ minutes }}m</p>
-      <p>{{ seconds }}s</p>
+      <p v-show="days != 0">{{ days }}d</p>
+      <p v-show="hours != 0">{{ hours }}h</p>
+      <p v-show="minutes != 0">{{ minutes }}m</p>
+      <p v-show="seconds != 0">{{ seconds }}s</p>
     </div>
   </div>
   <div class="duration-container absolute left-0 top-full translate-y-2" v-show="openTimeSelect" v-closable="{id: size, handler: onClose}">