You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
/** Sidebar visible */
|
|
|
|
|
const { isOpen, toggle } = useSidebar({ storageKey: 'nc-right-sidebar' })
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<a-tooltip :placement="isOpen ? 'bottomRight' : 'left'" :mouse-enter-delay="0.8">
|
|
|
|
|
<template #title> Toggle sidebar</template>
|
|
|
|
|
|
|
|
|
|
<div class="nc-sidebar-right-item hover:after:bg-primary/75 group nc-sidebar-add-row">
|
|
|
|
|
<MdiChevronDoubleLeft
|
|
|
|
|
class="cursor-pointer group-hover:(!text-white) transform transition-transform"
|
|
|
|
|
:class="{ 'rotate-180': isOpen }"
|
|
|
|
|
@click="toggle(!isOpen)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</a-tooltip>
|
|
|
|
|
</template>
|
