|
|
@ -16,7 +16,7 @@ const signOut = () => { |
|
|
|
const toggleSidebar = useToggle($state.sidebarOpen) |
|
|
|
const toggleSidebar = useToggle($state.sidebarOpen) |
|
|
|
|
|
|
|
|
|
|
|
const sidebarOpen = computed({ |
|
|
|
const sidebarOpen = computed({ |
|
|
|
get: () => $state.sidebarOpen.value ?? true, |
|
|
|
get: () => !($state.sidebarOpen.value ?? true), |
|
|
|
set: (val) => toggleSidebar(val), |
|
|
|
set: (val) => toggleSidebar(val), |
|
|
|
}) |
|
|
|
}) |
|
|
|
</script> |
|
|
|
</script> |
|
|
@ -88,7 +88,6 @@ const sidebarOpen = computed({ |
|
|
|
<a-layout-sider |
|
|
|
<a-layout-sider |
|
|
|
v-model:collapsed="sidebarOpen" |
|
|
|
v-model:collapsed="sidebarOpen" |
|
|
|
width="300" |
|
|
|
width="300" |
|
|
|
breakpoint="md" |
|
|
|
|
|
|
|
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" |
|
|
|
:trigger="null" |
|
|
|
:trigger="null" |
|
|
|