fix: disable side nav item tooltip on small screen (#1327)

elk-zone · Jan 19, 2023 · 86d62fd · 86d62fd
1 parent 126619b
commit 86d62fd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
@@ -53,7 +53,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
     :tabindex="noUserDisable ? -1 : null"
     @click="$scrollToTop"
   >
-    <CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right">
+    <CommonTooltip :disabled="!isMediumOrLargeScreen" :content="text" placement="right">
       <div
         flex items-center gap4
         w-fit rounded-3

diff --git a/composables/screen.ts b/composables/screen.ts
@@ -4,3 +4,4 @@ export const breakpoints = useBreakpoints(breakpointsTailwind)
 
 export const isSmallScreen = breakpoints.smallerOrEqual('md')
 export const isMediumScreen = breakpoints.smallerOrEqual('lg')
+export const isMediumOrLargeScreen = breakpoints.between('sm', 'xl')