diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 05:24:53 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 05:24:53 +0800 |
commit | 9bd71aeeffbadebb41756a605ef6a0aacbfd47c4 (patch) | |
tree | 9306ea2225370a02d1ed00791faee6616740c59b /packages/website/ts/@next/components/slider/slider.tsx | |
parent | 59d7efa78af41a91617b5a1f253a0f7e17553dca (diff) | |
download | dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.gz dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.bz2 dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.lz dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.xz dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.tar.zst dexon-sol-tools-9bd71aeeffbadebb41756a605ef6a0aacbfd47c4.zip |
run prettier on website
Diffstat (limited to 'packages/website/ts/@next/components/slider/slider.tsx')
-rw-r--r-- | packages/website/ts/@next/components/slider/slider.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx index 10bbbf609..33a352b9f 100644 --- a/packages/website/ts/@next/components/slider/slider.tsx +++ b/packages/website/ts/@next/components/slider/slider.tsx @@ -7,8 +7,7 @@ import { colors } from 'ts/style/colors'; import { Icon } from 'ts/@next/components/icon'; import { Heading, Paragraph } from 'ts/@next/components/text'; -interface SliderProps { -} +interface SliderProps {} interface SlideProps { icon: string; @@ -20,7 +19,8 @@ interface SlideProps { const flickityOptions = { initialIndex: 0, cellAlign: 'left', - arrowShape: 'M0 50.766L42.467 93.58l5.791-5.839-32.346-32.61H100V46.84H15.48L50.2 11.838 44.409 6 5.794 44.93l-.003-.003z', + arrowShape: + 'M0 50.766L42.467 93.58l5.791-5.839-32.346-32.61H100V46.84H15.48L50.2 11.838 44.409 6 5.794 44.93l-.003-.003z', prevNextButtons: true, }; @@ -33,7 +33,9 @@ export const Slide: React.StatelessComponent<SlideProps> = (props: SlideProps) = <Icon name={icon} size="large" /> </SlideHead> <SlideContent> - <Heading asElement="h4" size="small" marginBottom="15px">{heading}</Heading> + <Heading asElement="h4" size="small" marginBottom="15px"> + {heading} + </Heading> <Paragraph isMuted={true}>{text}</Paragraph> </SlideContent> </StyledSlide> @@ -93,7 +95,7 @@ const StyledSlider = styled.div` top: calc(50% - 37px); border: 0; padding: 0; - transition: background-color .40s ease-in-out, visibility .40s ease-in-out, opacity .40s ease-in-out; + transition: background-color 0.4s ease-in-out, visibility 0.4s ease-in-out, opacity 0.4s ease-in-out; &:disabled { opacity: 0; @@ -130,7 +132,7 @@ const StyledSlide = styled.div` height: 520px; flex: 0 0 auto; opacity: 0.3; - transition: opacity .40s ease-in-out; + transition: opacity 0.4s ease-in-out; & + & { margin-left: 30px; |