From a60045dbc95e41ef87a435b2d440ef4f8b8cef7a Mon Sep 17 00:00:00 2001
From: Alexis Colin <alexis@jaunebleu.co>
Date: Mon, 16 Sep 2024 17:48:13 +0900
Subject: [PATCH] style: UI improvements (#129)

* style: UI improvements

* chore: lint

* content: use vote workind

* content: deposit cta

* chore: linter
---
 src/components/proposals/ProposalWrapper.vue | 6 +++---
 src/components/ui/SimpleCard.vue             | 2 +-
 src/components/ui/icons/Commonwealth.vue     | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/proposals/ProposalWrapper.vue b/src/components/proposals/ProposalWrapper.vue
index 4b3b58c..392539c 100644
--- a/src/components/proposals/ProposalWrapper.vue
+++ b/src/components/proposals/ProposalWrapper.vue
@@ -212,7 +212,7 @@ const tabOptions = reactive<UiTabOption[]>([
   { title: "Info" },
   { title: "Voters" },
   { title: "Discussions", link: "https://commonwealth.im/govgen/proposal/" + props.proposalId },
-  { title: "Links", link: "https://commonwealth.im/govgen/proposal/" + props.proposalId },
+  //   { title: "Links", link: "https://commonwealth.im/govgen/proposal/" + props.proposalId },
 ]);
 
 const breakdownType = ref<("validators" | "voters") | null>(null);
@@ -511,7 +511,7 @@ onMounted(() => (title.value = `GovGen — #${proposal.value?.proposal[0].id} ${
               }
             "
           >
-            {{ $t("components.WalletConnect.button") }}
+            {{ $t("components.ProposalVote.cta") }}
           </div>
         </SimpleCard>
         <SimpleCard v-if="inDeposit">
@@ -537,7 +537,7 @@ onMounted(() => (title.value = `GovGen — #${proposal.value?.proposal[0].id} ${
               }
             "
           >
-            {{ $t("components.WalletConnect.button") }}
+            {{ $t("components.ProposalDeposit.cta") }}
           </div>
         </SimpleCard>
       </div>
diff --git a/src/components/ui/SimpleCard.vue b/src/components/ui/SimpleCard.vue
index 705fa40..55d2bb4 100644
--- a/src/components/ui/SimpleCard.vue
+++ b/src/components/ui/SimpleCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col bg-grey-400 rounded p-5 md:p-10">
+  <div class="flex flex-col bg-grey-400 rounded p-5 md:p-10 min-w-96">
     <slot />
   </div>
 </template>
diff --git a/src/components/ui/icons/Commonwealth.vue b/src/components/ui/icons/Commonwealth.vue
index 604c3b8..89aefdb 100644
--- a/src/components/ui/icons/Commonwealth.vue
+++ b/src/components/ui/icons/Commonwealth.vue
@@ -9,13 +9,13 @@
   >
     <g clip-path="url(#clip0_234_14690)">
       <rect width="32" height="32" fill="none"></rect>
-      <g style="mix-blend-mode: multiply">
+      <g style="opacity: 0.5">
         <ellipse cx="16" cy="10.215" rx="9.645" ry="9.645" fill="#dddddd"></ellipse>
       </g>
-      <g style="mix-blend-mode: multiply">
+      <g style="opacity: 0.6">
         <ellipse cx="22.048" cy="21.775" rx="9.645" ry="9.645" fill="#aaaaaa"></ellipse>
       </g>
-      <g style="mix-blend-mode: multiply">
+      <g style="opacity: 0.8">
         <ellipse cx="9.552" cy="21.775" rx="9.645" ry="9.645" fill="#797979"></ellipse>
       </g>
     </g>