From 52c6b20acaa336227d36eaeda9e92eb0fafde408 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Fri, 5 May 2023 16:50:57 +0800
Subject: [PATCH] feat: governance detail card rewrite

---
 src/layouts/components/Footer.vue             | 33 -------------------
 .../components/NavbarThemeSwitcher.vue        |  1 -
 src/modules/[chain]/gov/[proposal_id].vue     | 14 ++++++--
 3 files changed, 12 insertions(+), 36 deletions(-)
 delete mode 100644 src/layouts/components/Footer.vue

diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
deleted file mode 100644
index e47afd34..00000000
--- a/src/layouts/components/Footer.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div class="h-100 d-flex align-center justify-space-between">
-    <!-- 👉 Footer: left content -->
-    <span class="d-flex align-center">
-      &copy;
-      {{ new Date().getFullYear() }}
-      Made With
-      <VIcon
-        icon="mdi-heart-outline"
-        color="error"
-        size="1.25rem"
-        class="mx-1"
-      />
-      By <a
-        href="https://ping.pub"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="text-primary ms-1"
-      >Ping.pub</a>
-    </span>
-    <!-- 👉 Footer: right content -->
-    <span class="d-md-flex gap-x-4 text-primary d-none">
-      <a
-        href="https://github.com/ping-pub/explorer/blob/master/LICENSE"
-        target="noopener noreferrer"
-      >License</a>
-      <a
-        href="https://github.com/ping-pub/explorer"
-        target="noopener noreferrer"
-      >Github</a>
-    </span>
-  </div>
-</template>
diff --git a/src/layouts/components/NavbarThemeSwitcher.vue b/src/layouts/components/NavbarThemeSwitcher.vue
index 1ff5e037..d0c4ab96 100644
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -20,6 +20,5 @@ const themes: ThemeSwitcherTheme[] = [
 <template>
   <div>
     <NewThemeSwitcher :themes="themes"/>
-    <!-- <ThemeSwitcher :themes="themes" /> -->
   </div>
 </template>
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index eba73be0..68702f8d 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -140,7 +140,17 @@ const abstain = computed(()=> {
 
 <template>
 <div>
-    <VCard>
+    <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4">
+        <h2 class="card-title flex flex-col md:justify-between md:flex-row">
+            <p class="truncate w-full">{{ proposal_id }}. {{ proposal.content?.title }} </p>
+            <VChip label :color="color" class="justify-self-end">{{ status }}</VChip>
+        </h2>
+        <div class="">
+            <ObjectElement :value="proposal.content"/>
+        </div>
+    </div>
+
+    <!-- <VCard>
         <VCardItem>
         <VCardTitle>
             {{ proposal_id }}. {{ proposal.content?.title }} <VChip label :color="color" class="float-right">{{ status }}</VChip>
@@ -148,7 +158,7 @@ const abstain = computed(()=> {
             <ObjectElement :value="proposal.content"/>
         </VCardItem>
     </VCard>
-    
+     -->
     <VRow class="my-5">
         <VCol cols=12 md="4">
             <VCard class="h-100">