aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-13 06:35:20 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-10-18 05:44:39 +0800
commit18c9907d6f168577c9d5f60117901268a25f6af9 (patch)
tree33f4db3f1926517134081e7ed2208029c8275511
parent5ec4b27200297708298deca97603849a37b2f66a (diff)
downloaddexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar.gz
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar.bz2
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar.lz
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar.xz
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.tar.zst
dexon-sol-tools-18c9907d6f168577c9d5f60117901268a25f6af9.zip
feat(instant): add sliding error
-rw-r--r--packages/instant/src/components/animations/slide_up_and_down_animation.tsx1
-rw-r--r--packages/instant/src/components/ui/text.tsx4
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