diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-18 08:27:31 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-19 02:35:13 +0800 |
commit | b9ca055586ee1bdc89684b173186c92bd2f97e9f (patch) | |
tree | 9673e0eec156fecdf7758234f5c83b3e2b8874c5 /packages/website/ts/components/portal/portal.tsx | |
parent | 9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4 (diff) | |
download | dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar.gz dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar.bz2 dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar.lz dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar.xz dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.tar.zst dexon-sol-tools-b9ca055586ee1bdc89684b173186c92bd2f97e9f.zip |
Fix styling of portal menu
Diffstat (limited to 'packages/website/ts/components/portal/portal.tsx')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index a04c0878f..898790272 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -13,7 +13,7 @@ import { EthWrappers } from 'ts/components/eth_wrappers'; import { AssetPicker } from 'ts/components/generate_order/asset_picker'; import { BackButton } from 'ts/components/portal/back_button'; import { Loading } from 'ts/components/portal/loading'; -import { Menu } from 'ts/components/portal/menu'; +import { Menu, MenuTheme } from 'ts/components/portal/menu'; import { Section } from 'ts/components/portal/section'; import { TextHeader } from 'ts/components/portal/text_header'; import { RelayerIndex } from 'ts/components/relayer_index/relayer_index'; @@ -89,6 +89,7 @@ enum TokenManagementState { const THROTTLE_TIMEOUT = 100; const TOP_BAR_HEIGHT = TopBar.heightForDisplayType(TopBarDisplayType.Expanded); const LEFT_COLUMN_WIDTH = 346; +const MENU_PADDING_LEFT = 185; const styles: Styles = { root: { @@ -259,10 +260,17 @@ export class Portal extends React.Component<PortalProps, PortalState> { } } private _renderMenu(routeComponentProps: RouteComponentProps<any>): React.ReactNode { + const menuTheme: MenuTheme = { + paddingLeft: MENU_PADDING_LEFT, + textColor: colors.darkerGrey, + iconColor: colors.darkerGrey, + selectedIconColor: colors.yellow800, + selectedBackgroundColor: 'transparent', + }; return ( <Section header={<BackButton to={`${WebsitePaths.Portal}`} labelText="back to Relayers" />} - body={<Menu selectedPath={routeComponentProps.location.pathname} />} + body={<Menu selectedPath={routeComponentProps.location.pathname} theme={menuTheme} />} /> ); } |