diff options
author | Brandon Millman <brandon@0xproject.com> | 2018-12-04 04:48:42 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-04 04:48:42 +0800 |
commit | f076cdb8329693e9d7351ec88d2ac01ad42a2a3a (patch) | |
tree | 87677e557b2897422089b4a3e35fbcb6f00b89c2 /packages/instant/src/components/search_input.tsx | |
parent | 3662ab25246a53128d85e8427ebe07518245b611 (diff) | |
parent | c52d48d4db693a71b6eecf93dde5d7cbb64c51b6 (diff) | |
download | dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar.gz dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar.bz2 dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar.lz dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar.xz dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.tar.zst dexon-sol-tools-f076cdb8329693e9d7351ec88d2ac01ad42a2a3a.zip |
Merge pull request #1365 from 0xProject/fix/instant/token-selector
[instant] various polish items
Diffstat (limited to 'packages/instant/src/components/search_input.tsx')
-rw-r--r-- | packages/instant/src/components/search_input.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/instant/src/components/search_input.tsx b/packages/instant/src/components/search_input.tsx index 3a693b9f8..71bc18915 100644 --- a/packages/instant/src/components/search_input.tsx +++ b/packages/instant/src/components/search_input.tsx @@ -13,10 +13,10 @@ export interface SearchInputProps extends InputProps { } export const SearchInput: React.StatelessComponent<SearchInputProps> = props => ( - <Container backgroundColor={props.backgroundColor} borderRadius="3px" padding=".5em .3em"> - <Flex justify="flex-start" align="flex-end"> - <Icon width={14} height={14} icon="search" color={ColorOption.lightGrey} padding="0px 12px" /> - <Input {...props} fontSize="14px" fontColor={props.fontColor} /> + <Container backgroundColor={props.backgroundColor} borderRadius="3px" padding=".5em .5em"> + <Flex justify="flex-start" align="center"> + <Icon width={14} height={14} icon="search" color={ColorOption.lightGrey} padding="2px 12px" /> + <Input {...props} type="search" fontSize="16px" fontColor={props.fontColor} /> </Flex> </Container> ); |