diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue index 70d0057..3c23b25 100644 --- a/src/layout/components/Navbar.vue +++ b/src/layout/components/Navbar.vue @@ -8,9 +8,9 @@
- - - + + + diff --git a/src/layout/index.vue b/src/layout/index.vue index 3c244eb..4c93cd5 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -41,7 +41,7 @@ const menuDrawer = computed({ get: () => useAppStore().sidebar.opened, set: (val) => { useAppStore().toggleSideBar(val) - }, + } }) const settingsStore = useSettingsStore() const theme = computed(() => settingsStore.theme) @@ -62,11 +62,11 @@ const cachedViews = computed(() => { const classObj = computed(() => ({ hideSidebar: !sidebar.value.opened, openSidebar: sidebar.value.opened, - mobile: device.value === 'mobile', + mobile: device.value === 'mobile' })) const { width, height } = useWindowSize() -const WIDTH = 992 // refer to Bootstrap's responsive design +const WIDTH = 592 // refer to Bootstrap's responsive design watchEffect(() => { if (device.value === 'mobile' && sidebar.value.opened) { @@ -80,10 +80,6 @@ watchEffect(() => { } }) -function handleClickOutside() { - useAppStore().closeSideBar() -} - const settingRef = ref(null) function setLayout() { settingRef.value.openSetting()