From 131bc04455ea4d722f7af35d8bf72232d1bd7bb9 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Thu, 19 Aug 2021 22:36:11 +0300
Subject: [PATCH] Update footer

---
 README.md             |  2 +-
 components/Footer.vue | 21 +++++++++++++++++++++
 layouts/default.vue   | 13 +++----------
 3 files changed, 25 insertions(+), 11 deletions(-)
 create mode 100644 components/Footer.vue

diff --git a/README.md b/README.md
index ce5d9a0..756155f 100644
--- a/README.md
+++ b/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
 
diff --git a/components/Footer.vue b/components/Footer.vue
new file mode 100644
index 0000000..06e7843
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 0618939..163a0f8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -31,15 +31,8 @@
           ></path>
         </svg>
       </div>
-      <div class="text-center py-8">
-        <a
-          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>
+
+      <Footer />
     </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"