diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 16:47:55 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 20:32:20 +0800 |
commit | c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4 (patch) | |
tree | 0ec31d48290d5bb84d833cf70e51c0886b8dffdf /packages/website/ts/@next/components/heroImage.tsx | |
parent | 965b1ff32fac0eaf91731b9f6b3d0a9ce94e6bb9 (diff) | |
download | dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar.gz dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar.bz2 dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar.lz dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar.xz dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.tar.zst dexon-sol-tools-c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4.zip |
WIP
Diffstat (limited to 'packages/website/ts/@next/components/heroImage.tsx')
-rw-r--r-- | packages/website/ts/@next/components/heroImage.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/heroImage.tsx b/packages/website/ts/@next/components/heroImage.tsx new file mode 100644 index 000000000..51b35480b --- /dev/null +++ b/packages/website/ts/@next/components/heroImage.tsx @@ -0,0 +1,34 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; + +interface Props { + image: React.Node; +} + +export const LandingAnimation = (props: Props) => ( + <Wrap> + {props.image} + </Wrap> +); + +const Wrap = styled.figure` + border: 1px solid red; + display: inline-block; + + svg { + width: 100%; + height: auto; + } + + @media (min-width: 768px) { + width: 100%; + max-width: 400px; + } + + @media (max-width: 768px) { + width: 180px; + margin-bottom: 40px; + } +`; |