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