From 4c5ba814943d0a4640eb229303456c133c635dd1 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Mon, 15 May 2023 23:44:24 +0800
Subject: [PATCH] feat: proposal item

---
 src/components/ProposalListItem.vue |  4 ++--
 src/components/ProposalProcess.vue  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 41ddb8c2..e96ff0e8 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -112,9 +112,9 @@ const statusMap: Record<string, string> = {
       >
         <RouterLink
           :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
-          class="text-main text-base mb-1 flex justify-between hover:text-indigo-400 truncate"
+          class="text-main text-base mb-1 flex justify-between hover:text-indigo-400"
         >
-          <div>{{ item?.content?.title }}</div>
+          <div class="flex-1 w-0 truncate mr-4">{{ item?.content?.title }}</div>
 
           <div>#{{ item?.proposal_id }}</div>
         </RouterLink>
diff --git a/src/components/ProposalProcess.vue b/src/components/ProposalProcess.vue
index 0feef030..b970feca 100644
--- a/src/components/ProposalProcess.vue
+++ b/src/components/ProposalProcess.vue
@@ -30,30 +30,30 @@ const veto = computed(() =>
 </script>
 
 <template>
-  <div class="progress rounded-[3px] h-7 text-xs flex items-center">
+  <div class="progress rounded-[3px] h-6 text-xs flex items-center">
     <div
-      class="h-7 bg-yes flex items-center pl-2 text-white overflow-hidden"
+      class="h-6 bg-yes flex items-center pl-2 text-white overflow-hidden"
       :style="`width: ${yes}`"
       :title="yes"
     >
       {{ yes }}
     </div>
     <div
-      class="h-7 bg-no flex items-center text-white overflow-hidden"
+      class="h-6 bg-no flex items-center text-white overflow-hidden"
       :style="`width: ${no}`"
       :title="no"
     >
       {{ no }}
     </div>
     <div
-      class="h-7 bg-[#B71C1C] flex items-center text-white overflow-hidden"
+      class="h-6 bg-[#B71C1C] flex items-center text-white overflow-hidden"
       :style="`width: ${veto};`"
       :title="veto"
     >
       {{ veto }}
     </div>
     <div
-      class="h-7 bg-secondary flex items-center text-white overflow-hidden"
+      class="h-6 bg-secondary flex items-center text-white overflow-hidden"
       :style="`width: ${abstain}`"
       :title="abstain"
     >