diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-05 09:57:40 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-05 09:57:40 +0800 |
commit | c5084f023ac0356660b9480f9e1f477001a61284 (patch) | |
tree | b635b3d086ad0a18445d336b82abb06a62b8e87d /packages/instant/src/components/ui/container.tsx | |
parent | bf0437324d3499dbb516e85a4eb1fbdceb91707c (diff) | |
download | dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar.gz dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar.bz2 dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar.lz dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar.xz dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.tar.zst dexon-0x-contracts-c5084f023ac0356660b9480f9e1f477001a61284.zip |
Add Input and AmountInput component
Diffstat (limited to 'packages/instant/src/components/ui/container.tsx')
-rw-r--r-- | packages/instant/src/components/ui/container.tsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/packages/instant/src/components/ui/container.tsx b/packages/instant/src/components/ui/container.tsx index 64b5d4129..c45f6e5e9 100644 --- a/packages/instant/src/components/ui/container.tsx +++ b/packages/instant/src/components/ui/container.tsx @@ -22,6 +22,7 @@ export interface ContainerProps { border?: string; borderColor?: ColorOption; borderTop?: string; + borderBottom?: string; className?: string; backgroundColor?: ColorOption; hasBoxShadow?: boolean; @@ -50,6 +51,7 @@ export const Container = styled(PlainContainer)` ${props => cssRuleIfExists(props, 'border-radius')} ${props => cssRuleIfExists(props, 'border')} ${props => cssRuleIfExists(props, 'border-top')} + ${props => cssRuleIfExists(props, 'border-bottom')} ${props => (props.hasBoxShadow ? `box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)` : '')}; background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')}; border-color: ${props => (props.borderColor ? props.theme[props.borderColor] : 'none')}; |