diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx index d24df984be..5cb77b2cdc 100644 --- a/src/components/Menu/index.tsx +++ b/src/components/Menu/index.tsx @@ -117,7 +117,9 @@ export function Item({children, label, style, onPress}: ItemProps) { a.gap_sm, a.p_md, a.rounded_md, + a.border, t.atoms.bg_contrast_25, + t.atoms.border_contrast_low, {minHeight: 48}, style, (focused || pressed) && [t.atoms.bg_contrast_50], @@ -135,7 +137,7 @@ export function ItemText({children, style}: ItemTextProps) { a.text_md, a.font_bold, t.atoms.text_contrast_medium, - {paddingTop: 2}, + {paddingTop: 3}, style, ]}> {children} @@ -170,6 +172,7 @@ export function Group({children, style}: GroupProps) { // @ts-ignore style: { borderRadius: 0, + borderWidth: 0, }, })} diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx index dedd1bb847..962e3c4416 100644 --- a/src/components/Menu/index.web.tsx +++ b/src/components/Menu/index.web.tsx @@ -121,7 +121,13 @@ export function Outer({children}: React.PropsWithChildren<{}>) { return ( - + {children} diff --git a/src/view/screens/Storybook/Menus.tsx b/src/view/screens/Storybook/Menus.tsx index dc4cedd366..65c48acf52 100644 --- a/src/view/screens/Storybook/Menus.tsx +++ b/src/view/screens/Storybook/Menus.tsx @@ -43,7 +43,20 @@ export function Menus() { Click me - + menuControl.close()}> + Another item + + + + + + + {}}> + + Click me + Another item + + + + {}}> + + Click me +