Update the store

Author: sajadevo

src/store/index.js

@@ -1,53 +1,58 @@
-import { createStore } from "vuex";
-
-export default createStore({
-  state: {
-    hideConfigButton: false,
-    isPinned: true,
-    showConfig: false,
-    isTransparent: "",
-    isRTL: false,
-    mcolor: "",
-    isNavFixed: false,
-    isAbsolute: false,
-    showNavs: true,
-    showSidenav: true,
-    showNavbar: true,
-    showFooter: true,
-    showMain: true,
-  },
-  mutations: {
-    toggleConfigurator(state) {
-      state.showConfig = !state.showConfig;
-    },
-    navbarMinimize(state) {
-      const sidenav_show = document.querySelector(".g-sidenav-show");
-
-      if (sidenav_show.classList.contains("g-sidenav-hidden")) {
-        sidenav_show.classList.remove("g-sidenav-hidden");
-        sidenav_show.classList.add("g-sidenav-pinned");
-        state.isPinned = true;
-      } else {
-        sidenav_show.classList.add("g-sidenav-hidden");
-        sidenav_show.classList.remove("g-sidenav-pinned");
-        state.isPinned = false;
-      }
-    },
-    sidebarType(state, payload) {
-      state.isTransparent = payload;
-    },
-    navbarFixed(state) {
-      if (state.isNavFixed === false) {
-        state.isNavFixed = true;
-      } else {
-        state.isNavFixed = false;
-      }
-    },
-  },
-  actions: {
-    toggleSidebarColor({ commit }, payload) {
-      commit("sidebarType", payload);
-    },
-  },
-  getters: {},
-});
+import { createStore } from "vuex";
+
+export default createStore({
+  state: {
+    hideConfigButton: false,
+    isPinned: true,
+    showConfig: false,
+    isTransparent: "",
+    isRTL: false,
+    mcolor: "",
+    isNavFixed: false,
+    isAbsolute: false,
+    showNavs: true,
+    showSidenav: true,
+    showNavbar: true,
+    showFooter: true,
+    showMain: true,
+  },
+  mutations: {
+    toggleConfigurator(state) {
+      state.showConfig = !state.showConfig;
+    },
+    navbarMinimize(state) {
+      const sidenav_show = document.querySelector(".g-sidenav-show");
+      const sidenav = document.getElementById("sidenav-main");
+
+      if (sidenav_show.classList.contains("g-sidenav-pinned")) {
+        sidenav_show.classList.remove("g-sidenav-pinned");
+        setTimeout(function () {
+          sidenav.classList.remove("bg-white");
+        }, 100);
+        sidenav.classList.remove("bg-transparent");
+        state.isPinned = true;
+      } else {
+        sidenav_show.classList.add("g-sidenav-pinned");
+        sidenav.classList.add("bg-white");
+        sidenav.classList.remove("bg-transparent");
+        state.isPinned = false;
+      }
+    },
+    sidebarType(state, payload) {
+      state.isTransparent = payload;
+    },
+    navbarFixed(state) {
+      if (state.isNavFixed === false) {
+        state.isNavFixed = true;
+      } else {
+        state.isNavFixed = false;
+      }
+    },
+  },
+  actions: {
+    toggleSidebarColor({ commit }, payload) {
+      commit("sidebarType", payload);
+    },
+  },
+  getters: {},
+});