From 761e276ace799dc572769bcc72bca8eb3fbfeee4 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Thu, 18 Feb 2021 21:24:28 -0900
Subject: [PATCH] fixed category sidebar on mobile

---
 .../src/components/UI/CategorySidebar.vue     | 42 ++++++++++++++-----
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/UI/CategorySidebar.vue b/frontend/src/components/UI/CategorySidebar.vue
index 3d6294cf7..7b71458d4 100644
--- a/frontend/src/components/UI/CategorySidebar.vue
+++ b/frontend/src/components/UI/CategorySidebar.vue
@@ -1,20 +1,42 @@
 <template>
-  <v-navigation-drawer width="175px" clipped app :expand-on-hover="!mobile">
-    <v-list nav dense>
-      <v-list-item v-for="nav in links" :key="nav.title" link :to="nav.to">
-        <v-list-item-icon>
-          <v-icon>{{ nav.icon }}</v-icon>
-        </v-list-item-icon>
-        <v-list-item-title>{{ nav.title | titleCase }}</v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </v-navigation-drawer>
+  <div>
+    <v-btn
+      class="mt-9 ml-n1"
+      fixed
+      left
+      bottom
+      fab
+      small
+      color="primary"
+      @click="showSidebar = !showSidebar"
+    >
+      <v-icon>mdi-tag</v-icon></v-btn
+    >
+
+    <v-navigation-drawer
+      :value="mobile ? showSidebar : true"
+      v-model="showSidebar"
+      width="175px"
+      clipped
+      app
+    >
+      <v-list nav dense>
+        <v-list-item v-for="nav in links" :key="nav.title" link :to="nav.to">
+          <v-list-item-icon>
+            <v-icon>{{ nav.icon }}</v-icon>
+          </v-list-item-icon>
+          <v-list-item-title>{{ nav.title | titleCase }}</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-navigation-drawer>
+  </div>
 </template>
 
 <script>
 export default {
   data() {
     return {
+      showSidebar: false,
       links: [],
       baseLinks: [
         {