From 9eed4022a79f2cba139c9f8a359bfc8c1f9c31c5 Mon Sep 17 00:00:00 2001
From: vnugent <public@vaughnnugent.com>
Date: Wed, 5 Jun 2024 14:44:08 -0400
Subject: ci: Stage blocking changes

---
 front-end/src/bootstrap/components/Header.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'front-end/src/bootstrap/components/Header.vue')

diff --git a/front-end/src/bootstrap/components/Header.vue b/front-end/src/bootstrap/components/Header.vue
index 6093fdc..25c857e 100644
--- a/front-end/src/bootstrap/components/Header.vue
+++ b/front-end/src/bootstrap/components/Header.vue
@@ -2,7 +2,7 @@
 <script setup lang="ts">
 
 import { debounce, find } from 'lodash-es'
-import { useElementSize, onClickOutside, useElementHover } from '@vueuse/core'
+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 {
-- 
cgit 

