zio
/
elk
2
0
Fork 0
Code Packages Releases 2 Activity

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

zio/stable
JD Hartley 2023-01-19 15:14:44 -06:00 committed by GitHub
parent 126619be92
commit 86d62fd5de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/nav/NavSideItem.vue
View File

@ -53,7 +53,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
:tabindex="noUserDisable ? -1 : null" :tabindex="noUserDisable ? -1 : null"
@click="$scrollToTop" @click="$scrollToTop"
> >
<CommonTooltip :disabled="!isMediumScreen" :content="text" placement="right"> <CommonTooltip :disabled="!isMediumOrLargeScreen" :content="text" placement="right">
<div <div
flex items-center gap4 flex items-center gap4
w-fit rounded-3 w-fit rounded-3

1
composables/screen.ts
View File

@ -4,3 +4,4 @@ export const breakpoints = useBreakpoints(breakpointsTailwind)
export const isSmallScreen = breakpoints.smallerOrEqual('md') export const isSmallScreen = breakpoints.smallerOrEqual('md')
export const isMediumScreen = breakpoints.smallerOrEqual('lg') export const isMediumScreen = breakpoints.smallerOrEqual('lg')
export const isMediumOrLargeScreen = breakpoints.between('sm', 'xl')