diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-11-02 07:41:08 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-02 07:41:08 +0800 |
commit | 180f176716b57d43e2988b5db3a2423c7974177e (patch) | |
tree | d8a28e35b510403fd30793479c4f420e63a24fe7 /packages/instant/src/components/ui/overlay.tsx | |
parent | ad96e953ceabd9e752eb9749f12090dd9ae17b9d (diff) | |
download | dexon-0x-contracts-180f176716b57d43e2988b5db3a2423c7974177e.tar.gz dexon-0x-contracts-180f176716b57d43e2988b5db3a2423c7974177e.tar.zst dexon-0x-contracts-180f176716b57d43e2988b5db3a2423c7974177e.zip |
feat: use withTheme to use ColorOption to color Icon
Diffstat (limited to 'packages/instant/src/components/ui/overlay.tsx')
-rw-r--r-- | packages/instant/src/components/ui/overlay.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/instant/src/components/ui/overlay.tsx b/packages/instant/src/components/ui/overlay.tsx index c5258b031..f1706c874 100644 --- a/packages/instant/src/components/ui/overlay.tsx +++ b/packages/instant/src/components/ui/overlay.tsx @@ -1,7 +1,7 @@ import * as _ from 'lodash'; import * as React from 'react'; -import { overlayBlack, styled } from '../../style/theme'; +import { ColorOption, overlayBlack, styled } from '../../style/theme'; import { Container } from './container'; import { Flex } from './flex'; @@ -16,7 +16,7 @@ export interface OverlayProps { const PlainOverlay: React.StatelessComponent<OverlayProps> = ({ children, className, onClose }) => ( <Flex height="100vh" className={className}> <Container position="absolute" top="0px" right="0px"> - <Icon height={18} width={18} color="white" icon="closeX" onClick={onClose} padding="2em 2em" /> + <Icon height={18} width={18} color={ColorOption.white} icon="closeX" onClick={onClose} padding="2em 2em" /> </Container> <div>{children}</div> </Flex> |