|
|
|
@ -33,19 +33,20 @@ await loadTables()
|
|
|
|
|
class="relative bg-white dark:!bg-gray-800 border-r-1 border-gray-200 dark:!border-gray-600 h-full" |
|
|
|
|
:trigger="null" |
|
|
|
|
collapsible |
|
|
|
|
theme="light" |
|
|
|
|
> |
|
|
|
|
<div |
|
|
|
|
class="group color-transition cursor-pointer hover:ring active:ring-pink-500 z-1 flex items-center p-[1px] absolute top-9 right-[-0.75rem] shadow bg-gray-100 rounded-full" |
|
|
|
|
> |
|
|
|
|
<MaterialSymbolsChevronLeftRounded |
|
|
|
|
v-if="isOpen" |
|
|
|
|
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400" |
|
|
|
|
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400" |
|
|
|
|
@click="toggle(false)" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<MaterialSymbolsChevronRightRounded |
|
|
|
|
v-else |
|
|
|
|
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400" |
|
|
|
|
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400" |
|
|
|
|
@click="toggle(true)" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|