chore(gui-v2): update drawer toggle styles and add tooltip

2 years ago · 4b2834af0a
1 changed files with 7 additions and 1 deletions
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
@ -8,7 +8,13 @@ const Icon = computed(() => (navDrawerOpened.value ? MdiDoorOpenIcon : MdiDoorCl
 </script>

 <template>
-  <Icon class="text-grey" @click="navDrawerOpened = !navDrawerOpened" />
+  <a-tooltip>
+    <template #title> {{ $t('tooltip.toggleNavDraw') }} </template>
+    <Icon
+      class="rounded text-xl p-1 text-gray-500 hover:(text-white bg-pink-500 shadow)"
+      @click="navDrawerOpened = !navDrawerOpened"
+    />
+  </a-tooltip>
 </template>

 <style scoped></style>