Feature/fixed bottom (chingu-voyage6#55)

nandub · Aug 7, 2018 · 0808734 · 0808734
1 parent 0c9ce8b
commit 0808734
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/client/src/App.vue b/client/src/App.vue
@@ -4,7 +4,7 @@
       <WelcomeHeader/>
       <router-view/>
     </div>
-    <DiiaryFooter/>
+    <DiiaryFooter v-bind:class="{'fixed-bottom': $route.path === '/home'}" />
   </div>
 </template>
 
@@ -31,6 +31,17 @@ export default {
   color: #fff;
 }
 
+.fixed-bottom {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.margin-bottom-60 {
+  margin-bottom: 60px;
+}
 /* Google font import */
 @import url("https://fonts.googleapis.com/css?family=Alegreya|Lato|Roboto|Macondo+Swash+Caps");
 /* To include jquery  

diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
@@ -346,6 +346,7 @@ input {
 }
 .feed-view {
   margin-top: 20px;
+  margin-bottom: 40px;
 }
 .fa-heart {
   padding: 0 10px 10px 0;