Update footer

README.md

@@ -4,7 +4,7 @@
 
 <img src="https://raw.githubusercontent.com/Instadapp/assembly/master/banner.png">
 
-Instadapp Assembly is an open source dashboard for developing and building on the Instadapp Protocol. Instadapp will host a community led interface here: [Assembly.Instadapp.io](Assembly.Instadapp.io)
+Instadapp Assembly is an open source dashboard for developing and building on the Instadapp Protocol. Instadapp will host a community led interface here: [Assembly.Instadapp.io](https://assembly.Instadapp.io)
 
 ## Directory Structure
 

components/Footer.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="flex-col md:flex-row flex items-center md:justify-between px-8 py-5 border-t border-[#DBE5F4]">
+    <div class="text-[#9FB0C9] font-medium text-xs">
+      Build on top of
+      <a
+        class="ml-2 font-medium text-sm text-primary-blue-dark hover:text-primary-blue-hover py-1"
+        href="https://instadapp.io/"
+        target="_blank"
+      >
+        Instadapp Protocol
+      </a>
+    </div>
+    <a
+      class="mt-3 md:mt-0 font-semibold text-sm text-primary-blue-dark hover:text-primary-blue-hover border-b border-[#1874FF] py-1 border-dashed"
+      href="https://github.com/Instadapp/assembly"
+      target="_blank"
+    >
+      Contribute on GitHub
+    </a>
+  </div>
+</template>

layouts/default.vue

@@ -31,15 +31,8 @@
           ></path>
         </svg>
       </div>
-      <div class="text-center py-8">
+
-        <a
+      <Footer />
-          class="font-medium text-primary-blue-dark hover:text-primary-blue-hover hover:underline"
-          href="https://github.com/Instadapp/assembly"
-          target="_blank"
-        >
-          Contribute on GitHub
-        </a>
-      </div>
     </div>
 
     <Backdrop :show="isBackdropShown" @click="closeBackdrop" />
@@ -50,7 +43,7 @@
 
     <NotificationBar />
 
-    <div class="fixed bottom-0 right-0 mr-10 mb-16">
+    <div class="fixed bottom-0 right-0 mr-10 mb-40">
       <button
         @click="showSidebarBalances"
         class="px-9 h-[56px] bg-primary-blue-dark hover:bg-primary-blue-hover text-white rounded-[28px] text-lg font-semibold shadow flex items-center"