add blocks

src/components/Countdown.vue

@@ -3,6 +3,7 @@ import Countdown from '@chenfengyuan/vue-countdown';
 
 const props = defineProps({
   time: { type: Number },
+  css: { type: String },
 });
 </script>
 <template>
@@ -11,6 +12,9 @@ const props = defineProps({
     :time="time > 0 ? time : 0"
     v-slot="{ days, hours, minutes, seconds }"
   >
-    {{ days }} days {{ hours }} hours {{ minutes }} minutes {{ seconds }} seconds
+    <span class="text-primary font-bold" :class="css">{{ days }}</span> days 
+    <span class="text-primary font-bold" :class="css">{{ hours }}</span> hours 
+    <span class="text-primary font-bold" :class="css">{{ minutes }}</span> minutes 
+    <span class="text-primary font-bold" :class="css">{{ seconds }}</span> seconds
   </Countdown>
 </template>

src/components/dynamic/ArrayObjectElement.vue

@@ -19,15 +19,15 @@ const header = computed(() => {
 </script>
 <template>
   <div class="overflow-auto p-4 " :class=" value.length > 5 ? 'h-[500px]': ''">
-    <table class="table table-compact w-full">
+    <table class="table table-compact table-pin-rows w-full">
       <thead v-if="thead">
         <tr>
           <th
             v-for="(item, index) in header"
             :key="index"
-            class="text-left text-capitalize"
+            class="text-left capitalize"
           >
-            {{ item }} 
+            {{ item }} -
           </th>
         </tr>
       </thead>