2 files changed, 8 insertions, 4 deletions
diff --git a/front-end/src/bootstrap/components/Header.vue b/front-end/src/bootstrap/components/Header.vue
index 6093fdc..db004d8 100644
--- a/front-end/src/bootstrap/components/Header.vue
+++ b/front-end/src/bootstrap/components/Header.vue
@@ -1,8 +1,8 @@
 <!-- eslint-disable vue/max-attributes-per-line -->
 <script setup lang="ts">
 
-import { debounce, find } from 'lodash-es'
-import { useElementSize, onClickOutside, useElementHover } from '@vueuse/core'
+import { debounce, find, isEqual, toLower } from 'lodash-es'
+import { useElementSize, onClickOutside, useElementHover, get } from '@vueuse/core'
 import { computed, ref, toRefs } from 'vue'
 import { useEnvSize } from '@vnuge/vnlib.browser'
 import { RouteLocation, useRouter } from 'vue-router';
@@ -35,6 +35,10 @@ const userMenuHovered = useElementHover(userMenu)
 
 const uname = computed(() => (store as any).userName || 'Visitor')
 const sideMenuStyle = computed(() => {
+
+  const { width } = sideMenuSize;
+  if(get(width) === 0) return { left: '-100vw' }
+
   // Side menu should be the exact height of the page and under the header,
   // So menu height is the height of the page minus the height of the header
   return {
@@ -63,7 +67,7 @@ const gotoRoute = (route: string) => {
   const allRoutes = router.getRoutes();
 
   //Try to find the route by its path
-  const goto = find(allRoutes, { path: route });
+  const goto = find(allRoutes, r => isEqual(toLower(r.path), toLower(route)));
 
   if (goto) {
     //navigate to the route manually
diff --git a/front-end/src/bootstrap/style/footer.scss b/front-end/src/bootstrap/style/footer.scss
index 4d05928..86b6e6b 100644
--- a/front-end/src/bootstrap/style/footer.scss
+++ b/front-end/src/bootstrap/style/footer.scss
@@ -1,5 +1,5 @@
 footer{
-    @apply text-center shadow-md bg-white dark:bg-dark-800 dark:text-gray-500;
+    @apply text-center shadow-md bg-white dark:bg-dark-800 dark:text-gray-400;
 
     .footer-content{
         @apply mx-auto max-w-7xl p-4;