aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui
diff options
context:
space:
mode:
authorSteve Klebanoff <steve@0xproject.com>2018-11-09 07:37:56 +0800
committerGitHub <noreply@github.com>2018-11-09 07:37:56 +0800
commit117e2f583ff44bdb63340a2134edea0f3ecb77b3 (patch)
tree9d7552953145bb784c4f6ef32c525b11081e603c /packages/instant/src/components/ui
parentc448a409c1dd7411208aeb577b64ba1246fc03d1 (diff)
downloaddexon-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')
-rw-r--r--packages/instant/src/components/ui/container.tsx6
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 {