From b12d95565707d1ba27d52840b793842e38e01493 Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Tue, 4 Jul 2017 12:11:43 +0100
Subject: [PATCH] Mobile and help improvements

Former-commit-id: b17f1ebb3f8b9ad396260f209d9d573371e2bf69 [formerly 7ff584e34ab7fbd6806c7fcfaeb98ea2d5932851] [formerly f9ee613a0e003945cde25998ca91313a1780ffeb [formerly 2104b8b8979baac15ccf9584f5f99d4af4385577]]
Former-commit-id: 6e2bbe716f9ef26abfa441c80052bd236fc870f6 [formerly 3bc10da20f94145cbffbd9864f6b753663466370]
Former-commit-id: 0dcfdd7a546a070f71b754f313464ac9d8d6b024
---
 _assets/src/components/Sidebar.vue |  5 ++++-
 _assets/src/css/header.css         |  1 +
 _assets/src/css/mobile.css         | 12 ++++++++++++
 _assets/src/css/styles.css         |  3 +++
 _assets/src/router/index.js        |  4 ++++
 5 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 _assets/src/css/mobile.css

diff --git a/_assets/src/components/Sidebar.vue b/_assets/src/components/Sidebar.vue
index 37bc4000..4d92be61 100644
--- a/_assets/src/components/Sidebar.vue
+++ b/_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
   }
 }
diff --git a/_assets/src/css/header.css b/_assets/src/css/header.css
index 403000ad..f4492a8f 100644
--- a/_assets/src/css/header.css
+++ b/_assets/src/css/header.css
@@ -212,3 +212,4 @@ header > div:last-child {
 #search:-ms-input-placeholder {
   color: rgba(255, 255, 255, .5);
 }
+
diff --git a/_assets/src/css/mobile.css b/_assets/src/css/mobile.css
new file mode 100644
index 00000000..2aaf54cc
--- /dev/null
+++ b/_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)
+  }
+}
diff --git a/_assets/src/css/styles.css b/_assets/src/css/styles.css
index b1383dff..f88edfdf 100644
--- a/_assets/src/css/styles.css
+++ b/_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';
diff --git a/_assets/src/router/index.js b/_assets/src/router/index.js
index 46be15ac..5695a74e 100644
--- a/_assets/src/router/index.js
+++ b/_assets/src/router/index.js
@@ -42,6 +42,10 @@ const router = new Router({
           path: '/files/*',
           name: 'Files'
         },
+        {
+          path: '/dashboard',
+          name: 'Dashboard'
+        },
         {
           path: '/*',
           redirect: {