Browse Source

chore : unfold icons

pull/2933/head
Naveen MR 2 years ago
parent
commit
1f06bae982
  1. 5
      packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue

5
packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue

@ -1,5 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import MdiMenuClose from '~icons/mdi/menu-close' import MdiMenuClose from '~icons/mdi/menu-close'
import MdiUnfoldMoreVertical from '~icons/mdi/unfold-more-vertical'
import MdiUnfoldLessVertical from '~icons/mdi/unfold-less-vertical'
const drawerOpen = inject('navDrawerOpen', ref(false)) const drawerOpen = inject('navDrawerOpen', ref(false))
</script> </script>
@ -8,7 +10,8 @@ const drawerOpen = inject('navDrawerOpen', ref(false))
<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">
<MdiMenuClose class="group-hover:(!text-white)" @click="drawerOpen = !drawerOpen" /> <MdiUnfoldLessVertical class="group-hover:(!text-white)" v-if="drawerOpen" @click="drawerOpen = !drawerOpen" />
<MdiUnfoldMoreVertical class="group-hover:(!text-white)" v-else @click="drawerOpen = !drawerOpen" />
</div> </div>
</a-tooltip> </a-tooltip>
</template> </template>

Loading…
Cancel
Save