fix: disable side nav item tooltip on small screen (#1327)
parent
126619be92
commit
86d62fd5de
|
@ -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
|
||||||
|
|
|
@ -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')
|
||||||
|
|
Loading…
Reference in New Issue