diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 06:21:41 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 06:21:41 +0800 |
| commit | 128abb39dd635599841643ca65bfc286aabaa063 (patch) | |
| tree | 6d19edaa6db2849c2443964a1c76c52e8305197c /packages/instant/src/components | |
| parent | 79a533940e62f65def1695fe6c0990b3165f6158 (diff) | |
| download | dexon-0x-contracts-128abb39dd635599841643ca65bfc286aabaa063.tar.gz dexon-0x-contracts-128abb39dd635599841643ca65bfc286aabaa063.tar.zst dexon-0x-contracts-128abb39dd635599841643ca65bfc286aabaa063.zip | |
feat: add padding to close icon to increase tap area
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/sliding_panel.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/packages/instant/src/components/sliding_panel.tsx b/packages/instant/src/components/sliding_panel.tsx index 44bc8edb3..7f9037049 100644 --- a/packages/instant/src/components/sliding_panel.tsx +++ b/packages/instant/src/components/sliding_panel.tsx @@ -18,7 +18,7 @@ export interface PanelProps { export const Panel: React.StatelessComponent<PanelProps> = ({ children, onClose }) => ( <Container backgroundColor={ColorOption.white} width="100%" height="100%" zIndex={zIndex.panel} padding="20px"> <Flex justify="flex-end"> - <Icon width={12} color={ColorOption.lightGrey} icon="closeX" onClick={onClose} /> + <Icon padding="5px" width={12} color={ColorOption.lightGrey} icon="closeX" onClick={onClose} /> </Flex> <Container position="relative" top="-10px" height="100%"> {children} |