feat(web): link to help

docat-org · Nov 21, 2019 · 41bf801 · 41bf801
1 parent c704ab7
commit 41bf801
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/web/src/components/Layout.vue b/web/src/components/Layout.vue
@@ -18,6 +18,9 @@
         <div v-if="!fullscreen" class="md-layout-item md-size-15 md-small-hide"></div>
         <div class="md-layout-item">
           <slot></slot>
+          <div class="help">
+            <router-link to="/help" v-if="!fullscreen">help</router-link>
+          </div>
         </div>
         <div v-if="!fullscreen" class="md-layout-item md-size-15 md-small-hide"></div>
       </div>
@@ -71,4 +74,14 @@ a {
   color: #742a47 !important;
 }
 
+.help {
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding-top: 16px;
+  margin-top: 16px;
+
+  a {
+    margin-left: 50%;
+  }
+}
 </style>
diff --git a/web/src/pages/Help.vue b/web/src/pages/Help.vue
@@ -1,18 +1,23 @@
 <template>
-   <Layout>
-    <Help />
-  </Layout>
+  <div>
+    <Layout>
+      <Help class="spacing" />
+    </Layout>
+    <UploadButton class="upload-button" />
+  </div>
 </template>
 
 <script>
 import Layout from '@/components/Layout.vue'
 import Help from '@/components/Help.vue'
+import UploadButton from '@/components/UploadButton.vue'
 
 export default {
   name: 'help-page',
   components: {
     Layout,
-    Help
+    Help,
+    UploadButton
   }
 }
 </script>