feat: process status

src/components/ProposalListItem.vue

@@ -162,6 +162,23 @@ const proposalInfo = ref();
               {{ showType(item.content['@type']) }}
             </div>
           </div>
+
+          <div
+            class="truncate text-xs text-gray-500 dark:text-gray-400 flex items-center justify-end"
+          >
+            {{ format.toDay(item.voting_end_time, 'from') }}
+          </div>
+        </div>
+
+        <div>
+          <ProposalProcess
+            :pool="staking.pool"
+            :tally="item.final_tally_result"
+          ></ProposalProcess>
+        </div>
+
+        <div class="mt-4" v-if="statusMap?.[item?.status] === 'VOTING'">
+          <div class="flex justify-between">
             <div
               class="flex items-center"
               :class="
@@ -186,22 +203,6 @@ const proposalInfo = ref();
                 {{ statusMap?.[item?.status] || item?.status }}
               </div>
             </div>
-          <div
-            class="truncate text-xs text-gray-500 dark:text-gray-400 flex items-center justify-end"
-          >
-            {{ format.toDay(item.voting_end_time, 'from') }}
-          </div>
-        </div>
-
-        <div>
-          <ProposalProcess
-            :pool="staking.pool"
-            :tally="item.final_tally_result"
-          ></ProposalProcess>
-        </div>
-
-        <div class="mt-4" v-if="statusMap?.[item?.status] === 'VOTING'">
-          <div class="">
             <label
               for="vote"
               class="btn btn-xs btn-primary rounded-sm"
@@ -217,6 +218,7 @@ const proposalInfo = ref();
 
               <span v-else>Vote</span></label
             >
+           
           </div>
         </div>
       </div>