|
|
@ -4,17 +4,6 @@ const { isOpen, toggle } = useSidebar({ storageKey: 'nc-right-sidebar' }) |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<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 bg-opacity-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> --> |
|
|
|
|
|
|
|
<div :class="{ 'nc-active-btn': isOpen }"> |
|
|
|
<div :class="{ 'nc-active-btn': isOpen }"> |
|
|
|
<a-button size="small" @click="toggle(!isOpen)"> |
|
|
|
<a-button size="small" @click="toggle(!isOpen)"> |
|
|
|
<div class="flex items-center gap-1 text-xs" :class="{ 'text-gray-500': !isOpen }"> |
|
|
|
<div class="flex items-center gap-1 text-xs" :class="{ 'text-gray-500': !isOpen }"> |
|
|
|