diff options
Diffstat (limited to 'front-end/src/bootstrap/components')
| -rw-r--r-- | front-end/src/bootstrap/components/Header.vue | 6 |
1 files changed, 5 insertions, 1 deletions
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 { |