|
|
@ -19,13 +19,13 @@ const signOut = () => { |
|
|
|
navigateTo('/signin') |
|
|
|
navigateTo('/signin') |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const sidebarOpen = computed({ |
|
|
|
const sidebarCollapsed = computed({ |
|
|
|
get: () => !$state.sidebarOpen.value, |
|
|
|
get: () => !$state.sidebarOpen.value, |
|
|
|
set: (val) => ($state.sidebarOpen.value = !val), |
|
|
|
set: (val) => ($state.sidebarOpen.value = !val), |
|
|
|
}) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const toggleSidebar = () => { |
|
|
|
const toggleSidebar = () => { |
|
|
|
sidebarOpen.value = !sidebarOpen.value |
|
|
|
sidebarCollapsed.value = !sidebarCollapsed.value |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
@ -84,7 +84,7 @@ const toggleSidebar = () => { |
|
|
|
|
|
|
|
|
|
|
|
<a-layout> |
|
|
|
<a-layout> |
|
|
|
<a-layout-sider |
|
|
|
<a-layout-sider |
|
|
|
v-model:collapsed="sidebarOpen" |
|
|
|
v-model:collapsed="sidebarCollapsed" |
|
|
|
width="300" |
|
|
|
width="300" |
|
|
|
collapsed-width="0" |
|
|
|
collapsed-width="0" |
|
|
|
class="bg-white dark:!bg-gray-800 border-r-1 border-gray-200 dark:!border-gray-600 h-full" |
|
|
|
class="bg-white dark:!bg-gray-800 border-r-1 border-gray-200 dark:!border-gray-600 h-full" |
|
|
|