Mobile and help improvements

_assets/src/components/Sidebar.vue

@@ -36,7 +36,7 @@
       </button>
     </div>
 
-    <p class="credits">Served with <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">File Manager</a>.</p>
+    <p class="credits">Served with <a rel="noopener noreferrer" href="https://github.com/hacdias/caddy-filemanager">File Manager</a>.<br><a @click="help">Help</a></p>
   </nav>
 </template>
 
@@ -59,6 +59,9 @@ export default {
     }
   },
   methods: {
+    help: function () {
+      this.$store.commit('showPrompt', 'help')
+    },
     logout: auth.logout
   }
 }

_assets/src/css/header.css

@@ -212,3 +212,4 @@ header > div:last-child {
 #search:-ms-input-placeholder {
   color: rgba(255, 255, 255, .5);
 }
+

_assets/src/css/mobile.css

@@ -0,0 +1,12 @@
+@media (max-width: 1024px) {
+  nav {
+    width: 10em
+  }
+}
+
+@media (max-width: 1024px) {
+  #listing.list .item.header,
+  main {
+    width: calc(100% - 13em)
+  }
+}

_assets/src/css/styles.css

@@ -185,6 +185,7 @@
 .credits a,
 .credits a:hover {
     color: inherit;
+    cursor: pointer;
 }
 
 
@@ -198,3 +199,5 @@
         transform: rotate(-360deg);
     }
 }
+
+@import './mobile.css';

_assets/src/router/index.js

@@ -42,6 +42,10 @@ const router = new Router({
           path: '/files/*',
           name: 'Files'
         },
+        {
+          path: '/dashboard',
+          name: 'Dashboard'
+        },
         {
           path: '/*',
           redirect: {