|
|
|
@ -2,6 +2,8 @@
|
|
|
|
|
const { isLeftSidebarOpen: _isLeftSidebarOpen } = storeToRefs(useSidebarStore()) |
|
|
|
|
const isLeftSidebarOpen = ref(_isLeftSidebarOpen.value) |
|
|
|
|
|
|
|
|
|
const { isMobileMode } = useGlobal() |
|
|
|
|
|
|
|
|
|
watch(_isLeftSidebarOpen, (val) => { |
|
|
|
|
if (val) { |
|
|
|
|
isLeftSidebarOpen.value = true |
|
|
|
@ -37,7 +39,7 @@ const onClick = () => {
|
|
|
|
|
}} |
|
|
|
|
</template> |
|
|
|
|
<NcButton |
|
|
|
|
type="text" |
|
|
|
|
:type="isMobileMode ? 'secondary' : 'text'" |
|
|
|
|
size="small" |
|
|
|
|
class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800" |
|
|
|
|
:class="{ |
|
|
|
@ -46,7 +48,8 @@ const onClick = () => {
|
|
|
|
|
@click="onClick" |
|
|
|
|
> |
|
|
|
|
<div class="flex items-center text-inherit"> |
|
|
|
|
<GeneralIcon icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" /> |
|
|
|
|
<GeneralIcon v-if="isMobileMode" icon="menu" /> |
|
|
|
|
<GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" /> |
|
|
|
|
</div> |
|
|
|
|
</NcButton> |
|
|
|
|
</NcTooltip> |
|
|
|
|