diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx index f2f5ba122f..a0bd45c8fc 100644 --- a/src/components/Layout/Header/index.tsx +++ b/src/components/Layout/Header/index.tsx @@ -4,7 +4,6 @@ import {msg} from '@lingui/core/macro' import {useLingui} from '@lingui/react' import {useNavigation} from '@react-navigation/native' -import {HITSLOP_30} from '#/lib/constants' import {type NavigationProp} from '#/lib/routes/types' import {useSetDrawerOpen} from '#/state/shell' import {useIsWithinSplitView} from '#/screens/Messages/components/splitView/context' @@ -33,6 +32,8 @@ import {Text} from '#/components/Typography' import {useAnalytics} from '#/analytics' import {IS_IOS} from '#/env' +const HEADER_BUTTON_HITSLOP = {top: 30, bottom: 10, left: 30, right: 30} + export function Outer({ children, noBottomBorder, @@ -136,7 +137,7 @@ export function BackButton({onPress, style, ...props}: Partial) { color="secondary" shape="round" onPress={onPressBack} - hitSlop={HITSLOP_30} + hitSlop={HEADER_BUTTON_HITSLOP} style={[ {marginLeft: -BUTTON_VISUAL_ALIGNMENT_OFFSET}, a.bg_transparent, @@ -170,7 +171,7 @@ export function MenuButton() { color="secondary" shape="square" onPress={onPress} - hitSlop={HITSLOP_30} + hitSlop={HEADER_BUTTON_HITSLOP} style={[ {marginLeft: -BUTTON_VISUAL_ALIGNMENT_OFFSET}, a.bg_transparent,