mirror of https://github.com/nocodb/nocodb
5 changed files with 17 additions and 13 deletions
@ -1,17 +1,19 @@
|
||||
<script setup lang="ts"> |
||||
import MdiMenuClose from '~icons/mdi/menu-close' |
||||
import MdiUnfoldMoreVertical from '~icons/mdi/unfold-more-vertical' |
||||
import MdiUnfoldLessVertical from '~icons/mdi/unfold-less-vertical' |
||||
import { inject, ref } from '#imports' |
||||
import { RightSidebarInj } from '~/context' |
||||
|
||||
const drawerOpen = inject('navDrawerOpen', ref(false)) |
||||
const sidebarOpen = inject(RightSidebarInj, ref(false)) |
||||
</script> |
||||
|
||||
<template> |
||||
<a-tooltip placement="left"> |
||||
<template #title> {{ $t('tooltip.toggleNavDraw') }} </template> |
||||
|
||||
<div class="nc-sidebar-right-item hover:after:bg-pink-500 group"> |
||||
<MdiUnfoldLessVertical class="group-hover:(!text-white)" v-if="drawerOpen" @click="drawerOpen = !drawerOpen" /> |
||||
<MdiUnfoldMoreVertical class="group-hover:(!text-white)" v-else @click="drawerOpen = !drawerOpen" /> |
||||
<MdiUnfoldLessVertical v-if="sidebarOpen" class="group-hover:(!text-white)" @click="sidebarOpen = false" /> |
||||
<MdiUnfoldMoreVertical v-else class="group-hover:(!text-white)" @click="sidebarOpen = true" /> |
||||
</div> |
||||
</a-tooltip> |
||||
</template> |
||||
|
Loading…
Reference in new issue