feat: add back button to proposal page

snapshot-labs · Oct 3, 2023 · 8f6ab35 · 8f6ab35
1 parent be07543
commit 8f6ab35
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/views/Proposal.vue b/src/views/Proposal.vue
@@ -196,6 +196,16 @@ watchEffect(() => {
     <UiLoading v-if="!proposal" class="ml-4 mt-3" />
     <template v-else>
       <div class="flex-1 md:mr-[340px]">
+        <div class="mx-4 flex items-center border-b py-3">
+          <router-link :to="{ name: 'space-overview', params: { id: param } }">
+            <UiButton class="w-[46px] !px-0">
+              <IH-arrow-narrow-left class="inline-block" />
+            </UiButton>
+          </router-link>
+          <h1 class="ml-3 text-[20px]">
+            {{ proposal.title || `Proposal #${proposal.proposal_id}` }}
+          </h1>
+        </div>
         <div class="flex justify-between items-center mx-4 border-b">
           <router-link
             :to="{
@@ -255,9 +265,6 @@ watchEffect(() => {
         </div>
         <Container class="pt-5 !max-w-[630px] mx-0 md:mx-auto">
           <div>
-            <h1 class="mb-4 text-[36px]">
-              {{ proposal.title || `Proposal #${proposal.proposal_id}` }}
-            </h1>
             <Markdown v-if="proposal.body" class="mb-4" :body="proposal.body" />
             <div v-if="discussion">
               <h4 class="mb-3 eyebrow flex items-center">