aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-12-04 04:24:37 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-12-04 04:24:37 +0800
commita192b309f339f451d647f4b9f71eac2d6684f738 (patch)
tree77ee3e5a1f32cb834fc30ce260400ce49bb301dd /packages/website/ts/components
parent4b6ac96a8db908b02a352357592dfef986e23fdc (diff)
downloaddexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar.gz
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar.bz2
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar.lz
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar.xz
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.tar.zst
dexon-sol-tools-a192b309f339f451d647f4b9f71eac2d6684f738.zip
feat: implement basic feeRecipient address in config generator
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/ui/input.tsx6
1 files changed, 5 insertions, 1 deletions
diff --git a/packages/website/ts/components/ui/input.tsx b/packages/website/ts/components/ui/input.tsx
index e5f4f6c70..1f56c814f 100644
--- a/packages/website/ts/components/ui/input.tsx
+++ b/packages/website/ts/components/ui/input.tsx
@@ -8,6 +8,7 @@ export interface InputProps {
width?: string;
fontSize?: string;
fontColor?: string;
+ border?: string;
placeholderColor?: string;
placeholder?: string;
backgroundColor?: string;
@@ -23,9 +24,11 @@ export const Input = styled(PlainInput)`
width: ${props => props.width};
padding: 0.8em 1.2em;
border-radius: 3px;
+ box-sizing: border-box;
font-family: 'Roboto Mono';
color: ${props => props.fontColor};
- border: none;
+ border: ${props => props.border};
+ outline: none;
background-color: ${props => props.backgroundColor};
&::placeholder {
color: ${props => props.placeholderColor};
@@ -38,6 +41,7 @@ Input.defaultProps = {
fontColor: colors.darkestGrey,
placeholderColor: colors.darkGrey,
fontSize: '12px',
+ border: 'none',
};
Input.displayName = 'Input';