diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-13 06:35:20 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-10-18 05:44:39 +0800 |
| commit | 18c9907d6f168577c9d5f60117901268a25f6af9 (patch) | |
| tree | 33f4db3f1926517134081e7ed2208029c8275511 /packages/instant/src/components | |
| parent | 5ec4b27200297708298deca97603849a37b2f66a (diff) | |
| download | dexon-0x-contracts-18c9907d6f168577c9d5f60117901268a25f6af9.tar.gz dexon-0x-contracts-18c9907d6f168577c9d5f60117901268a25f6af9.tar.zst dexon-0x-contracts-18c9907d6f168577c9d5f60117901268a25f6af9.zip | |
feat(instant): add sliding error
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/animations/slide_up_and_down_animation.tsx | 1 | ||||
| -rw-r--r-- | packages/instant/src/components/ui/text.tsx | 4 |
2 files changed, 4 insertions, 1 deletions
diff --git a/packages/instant/src/components/animations/slide_up_and_down_animation.tsx b/packages/instant/src/components/animations/slide_up_and_down_animation.tsx index 9c18e0933..5fa0b0eda 100644 --- a/packages/instant/src/components/animations/slide_up_and_down_animation.tsx +++ b/packages/instant/src/components/animations/slide_up_and_down_animation.tsx @@ -19,7 +19,6 @@ export interface SlideAnimationProps { animationType: string; animationDirection?: string; } - export const SlideAnimation = styled.div < SlideAnimationProps > diff --git a/packages/instant/src/components/ui/text.tsx b/packages/instant/src/components/ui/text.tsx index 9fb8ea26f..af8e4d933 100644 --- a/packages/instant/src/components/ui/text.tsx +++ b/packages/instant/src/components/ui/text.tsx @@ -21,6 +21,8 @@ export interface TextProps { hoverColor?: string; noWrap?: boolean; display?: string; + marginRight?: string; + marginLeft?: string; } const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick }) => ( @@ -47,6 +49,8 @@ export const Text = styled(PlainText)` ${props => (props.display ? `display: ${props.display}` : '')}; ${props => (props.letterSpacing ? `letter-spacing: ${props.letterSpacing}` : '')}; ${props => (props.textTransform ? `text-transform: ${props.textTransform}` : '')}; + ${props => (props.marginRight ? `margin-right: ${props.marginRight}` : '')}; + ${props => (props.marginLeft ? `margin-right: ${props.marginLeft}` : '')}; &:hover { ${props => props.onClick |