diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-02 04:31:43 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-02 05:50:55 +0800 |
commit | a6f40d418704a8dca8c787663f00b6bcbdf18ba4 (patch) | |
tree | 8da4c0c480df8d200b0a39e7945787e95953b1e8 /packages/website/ts/components/ui/simple_menu.tsx | |
parent | 6daf754f5bb4aa85d0f65bfdaf8910db4401d1cc (diff) | |
download | dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar.gz dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar.bz2 dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar.lz dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar.xz dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.tar.zst dexon-sol-tools-a6f40d418704a8dca8c787663f00b6bcbdf18ba4.zip |
Implement correct behavior for menu in the wallet
Diffstat (limited to 'packages/website/ts/components/ui/simple_menu.tsx')
-rw-r--r-- | packages/website/ts/components/ui/simple_menu.tsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/packages/website/ts/components/ui/simple_menu.tsx b/packages/website/ts/components/ui/simple_menu.tsx index 29445c965..22414d101 100644 --- a/packages/website/ts/components/ui/simple_menu.tsx +++ b/packages/website/ts/components/ui/simple_menu.tsx @@ -5,15 +5,17 @@ import { Container } from 'ts/components/ui/container'; import { Text } from 'ts/components/ui/text'; import { colors } from 'ts/style/colors'; -export interface SimpleMenuProps {} +export interface SimpleMenuProps { + minWidth?: number | string; +} -export const SimpleMenu: React.StatelessComponent<SimpleMenuProps> = ({ children }) => { +export const SimpleMenu: React.StatelessComponent<SimpleMenuProps> = ({ children, minWidth }) => { return ( <Container marginLeft="16px" marginRight="16px" marginBottom="16px" - minWidth="220px" + minWidth={minWidth} className="flex flex-column" > {children} @@ -26,9 +28,13 @@ export interface SimpleMenuItemProps { onClick?: () => void; } export const SimpleMenuItem: React.StatelessComponent<SimpleMenuItemProps> = ({ text, onClick }) => ( - <Container marginTop="16px" minWidth="220px" className="flex flex-column"> + <Container marginTop="16px" className="flex flex-column"> <Text fontSize="14px" fontColor={colors.darkGrey} onClick={onClick} hoverColor={colors.mediumBlue}> {text} </Text> </Container> ); + +SimpleMenu.defaultProps = { + minWidth: '220px', +}; |