major UI modification

layouts/modal.vue

@@ -1,9 +1,25 @@
 <template lang='pug'>
-  el-container#modal
-    el-header
-    .row.p-0.m-0
-      .col.p-0
-      .col-xl-5.col-lg-6.col-sm-10.col-xs-12.col-md-7.p-0
+  v-app(app)
+    Snackbar
+    Confirm
+    Nav
+
+    v-main(app)
+      v-scroll-y-transition(hide-on-leave)
         nuxt
-      .col.p-0
+
+    Footer
+
 </template>
+<script>
+import Nav from '~/components/Nav.vue'
+import FollowMe from '../components/FollowMe'
+import Snackbar from '../components/Snackbar'
+import Footer from '../components/Footer'
+import Confirm from '../components/Confirm'
+
+export default {
+  name: 'Default',
+  components: { Nav, FollowMe, Snackbar, Footer, Confirm },
+}
+</script>