diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Layout/Header/index.tsx | 6 | ||||
-rw-r--r-- | src/components/Link.tsx | 9 |
2 files changed, 7 insertions, 8 deletions
diff --git a/src/components/Layout/Header/index.tsx b/src/components/Layout/Header/index.tsx index a35a09537..321f7201f 100644 --- a/src/components/Layout/Header/index.tsx +++ b/src/components/Layout/Header/index.tsx @@ -13,7 +13,7 @@ import { platform, TextStyleProp, useBreakpoints, - useGutterStyles, + useGutters, useTheme, } from '#/alf' import {Button, ButtonIcon, ButtonProps} from '#/components/Button' @@ -34,7 +34,7 @@ export function Outer({ noBottomBorder?: boolean }) { const t = useTheme() - const gutter = useGutterStyles() + const gutters = useGutters([0, 'base']) const {gtMobile} = useBreakpoints() const {isWithinOffsetView} = useContext(ScrollbarOffsetContext) @@ -46,7 +46,7 @@ export function Outer({ a.flex_row, a.align_center, a.gap_sm, - gutter, + gutters, platform({ native: [a.pb_sm, a.pt_xs], web: [a.py_sm], diff --git a/src/components/Link.tsx b/src/components/Link.tsx index a5203b252..3cd593a10 100644 --- a/src/components/Link.tsx +++ b/src/components/Link.tsx @@ -237,7 +237,9 @@ export function Link({ } export type InlineLinkProps = React.PropsWithChildren< - BaseLinkProps & TextStyleProp & Pick<TextProps, 'selectable'> + BaseLinkProps & + TextStyleProp & + Pick<TextProps, 'selectable' | 'numberOfLines'> > & Pick<ButtonProps, 'label'> & { disableUnderline?: boolean @@ -273,7 +275,6 @@ export function InlineLinkText({ onIn: onHoverIn, onOut: onHoverOut, } = useInteractionState() - const {state: focused, onIn: onFocus, onOut: onBlur} = useInteractionState() const flattenedStyle = flatten(style) || {} return ( @@ -284,7 +285,7 @@ export function InlineLinkText({ {...rest} style={[ {color: t.palette.primary_500}, - (hovered || focused) && + hovered && !disableUnderline && { ...web({ outline: 0, @@ -298,8 +299,6 @@ export function InlineLinkText({ role="link" onPress={download ? undefined : onPress} onLongPress={onLongPress} - onFocus={onFocus} - onBlur={onBlur} onMouseEnter={onHoverIn} onMouseLeave={onHoverOut} accessibilityRole="link" |