style: UI improvements (#129)

* style: UI improvements * chore: lint * content: use vote workind * content: deposit cta * chore: linter
allinbits · Sep 16, 2024 · a60045d · a60045d
1 parent a5ca532
commit a60045d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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>