diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-04 09:37:32 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-06 18:58:37 +0800 |
| commit | 7a6339ae38d424508a9f41c818b20dd8b8f09dce (patch) | |
| tree | 5772a7ef6d8817d3f327ecf19a5c3f2ff118b5a5 | |
| parent | fbb27b1fb25c94ce3a51a103b3c2783e0565e1c0 (diff) | |
| download | dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar.gz dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar.bz2 dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar.lz dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar.xz dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.tar.zst dexon-sol-tools-7a6339ae38d424508a9f41c818b20dd8b8f09dce.zip | |
polish: make configurator inputs look more like mocks
| -rw-r--r-- | packages/website/ts/components/ui/input.tsx | 4 | ||||
| -rw-r--r-- | packages/website/ts/components/ui/select.tsx | 4 | ||||
| -rw-r--r-- | packages/website/ts/pages/instant/config_generator_address_input.tsx | 1 |
3 files changed, 6 insertions, 3 deletions
diff --git a/packages/website/ts/components/ui/input.tsx b/packages/website/ts/components/ui/input.tsx index 1f56c814f..d21b9fd0e 100644 --- a/packages/website/ts/components/ui/input.tsx +++ b/packages/website/ts/components/ui/input.tsx @@ -9,6 +9,7 @@ export interface InputProps { fontSize?: string; fontColor?: string; border?: string; + padding?: string; placeholderColor?: string; placeholder?: string; backgroundColor?: string; @@ -22,7 +23,7 @@ const PlainInput: React.StatelessComponent<InputProps> = ({ value, className, pl export const Input = styled(PlainInput)` font-size: ${props => props.fontSize}; width: ${props => props.width}; - padding: 0.8em 1.2em; + padding: ${props => props.padding}; border-radius: 3px; box-sizing: border-box; font-family: 'Roboto Mono'; @@ -42,6 +43,7 @@ Input.defaultProps = { placeholderColor: colors.darkGrey, fontSize: '12px', border: 'none', + padding: '0.8em 1.2em', }; Input.displayName = 'Input'; diff --git a/packages/website/ts/components/ui/select.tsx b/packages/website/ts/components/ui/select.tsx index 743b082b0..e4fb50f59 100644 --- a/packages/website/ts/components/ui/select.tsx +++ b/packages/website/ts/components/ui/select.tsx @@ -65,7 +65,7 @@ export class Select extends React.Component<SelectProps, SelectState> { hasBoxShadow={isOpen} border={border} backgroundColor={backgroundColor} - padding="0.8em" + padding="0.5em 0.8em" width="100%" > <Container className="flex justify-between"> @@ -79,7 +79,7 @@ export class Select extends React.Component<SelectProps, SelectState> { </Text> )} {hasItems && ( - <Container marginLeft="5px" display="inline-block" position="relative" bottom="2px"> + <Container marginLeft="5px" display="inline-block"> <i className="zmdi zmdi-chevron-down" style={{ fontSize: iconSize, color: colors.darkGrey }} diff --git a/packages/website/ts/pages/instant/config_generator_address_input.tsx b/packages/website/ts/pages/instant/config_generator_address_input.tsx index 2e5a6e533..c208fe52a 100644 --- a/packages/website/ts/pages/instant/config_generator_address_input.tsx +++ b/packages/website/ts/pages/instant/config_generator_address_input.tsx @@ -32,6 +32,7 @@ export class ConfigGeneratorAddressInput extends React.Component< <Input width="100%" fontSize="16px" + padding="0.7em 1em" value={this.props.value} onChange={this._handleChange} placeholder="0xe99...aa8da4" |