diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-11-09 07:37:56 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-11-09 07:37:56 +0800 |
commit | 117e2f583ff44bdb63340a2134edea0f3ecb77b3 (patch) | |
tree | 9d7552953145bb784c4f6ef32c525b11081e603c /packages/instant/src/components/ui/container.tsx | |
parent | c448a409c1dd7411208aeb577b64ba1246fc03d1 (diff) | |
download | dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar.gz dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar.bz2 dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar.lz dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar.xz dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.tar.zst dexon-sol-tools-117e2f583ff44bdb63340a2134edea0f3ecb77b3.zip |
[instant] Viewport specific errors (#1228)
feat(instant): Shows different error animation based on viewport
Diffstat (limited to 'packages/instant/src/components/ui/container.tsx')
-rw-r--r-- | packages/instant/src/components/ui/container.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/instant/src/components/ui/container.tsx b/packages/instant/src/components/ui/container.tsx index bffa1d7d4..c42082ed5 100644 --- a/packages/instant/src/components/ui/container.tsx +++ b/packages/instant/src/components/ui/container.tsx @@ -67,9 +67,9 @@ export const Container = ${props => cssRuleIfExists(props, 'cursor')} ${props => cssRuleIfExists(props, 'overflow')} ${props => (props.hasBoxShadow ? `box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)` : '')}; - ${props => props.display && stylesForMedia('display', props.display)} - ${props => (props.width ? stylesForMedia('width', props.width) : '')} - ${props => (props.height ? stylesForMedia('height', props.height) : '')} + ${props => props.display && stylesForMedia<string>('display', props.display)} + ${props => props.width && stylesForMedia<string>('width', props.width)} + ${props => props.height && stylesForMedia<string>('height', props.height)} background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')}; border-color: ${props => (props.borderColor ? props.theme[props.borderColor] : 'none')}; &:hover { |