aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-06-22 02:33:47 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-06-22 02:33:47 +0800
commitd963941be03596d9030dca8788ad26c09b98822d (patch)
tree95bec58330af26058296ac62ea6027d029e749f4 /packages/website/ts/components/ui
parent8e2c0bb97758a978f704ad8aea916cbfe43abc16 (diff)
downloaddexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar.gz
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar.bz2
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar.lz
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar.xz
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.tar.zst
dexon-0x-contracts-d963941be03596d9030dca8788ad26c09b98822d.zip
Remove border radius, fix width issue for unlock step
Diffstat (limited to 'packages/website/ts/components/ui')
-rw-r--r--packages/website/ts/components/ui/island.tsx8
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/website/ts/components/ui/island.tsx b/packages/website/ts/components/ui/island.tsx
index b88d5fc1b..f157e3052 100644
--- a/packages/website/ts/components/ui/island.tsx
+++ b/packages/website/ts/components/ui/island.tsx
@@ -6,19 +6,23 @@ export interface IslandProps {
style?: React.CSSProperties;
className?: string;
Component?: string | React.ComponentClass<any> | React.StatelessComponent<any>;
+ borderRadius?: string;
}
-const PlainIsland: React.StatelessComponent<IslandProps> = ({ Component, ...rest }) => <Component {...rest} />;
+const PlainIsland: React.StatelessComponent<IslandProps> = ({ Component, borderRadius, ...rest }) => (
+ <Component {...rest} />
+);
export const Island = styled(PlainIsland)`
background-color: ${colors.white};
- border-radius: 10px;
+ border-radius: ${props => props.borderRadius};
box-shadow: 0px 4px 6px ${colors.walletBoxShadow};
overflow: hidden;
`;
Island.defaultProps = {
Component: 'div',
+ borderRadius: '10px',
style: {},
};