diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:26:42 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:26:42 +0800 |
commit | 969674a5ce99260a1fa0b749611845153c105bc4 (patch) | |
tree | 037c2578a0991dc2ff12e91293437dbb27807c9d /packages/website/ts/@next/components/container.tsx | |
parent | d2a418b368b514b158e46c2b0459d49a9c07f177 (diff) | |
download | dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar.gz dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar.bz2 dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar.lz dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar.xz dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.tar.zst dexon-sol-tools-969674a5ce99260a1fa0b749611845153c105bc4.zip |
Add container and button
Diffstat (limited to 'packages/website/ts/@next/components/container.tsx')
-rw-r--r-- | packages/website/ts/@next/components/container.tsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/container.tsx b/packages/website/ts/@next/components/container.tsx new file mode 100644 index 000000000..a4da10cfd --- /dev/null +++ b/packages/website/ts/@next/components/container.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +interface ContainerProps { +} + +const StyledContainer = styled.div` + max-width: 117rem; // 2000px + margin: 0 auto; + padding: 0 1.764705882rem; // 30px +`; + +export const Container: React.StatelessComponent<ContainerProps> = props => { + const { children } = props; + + return ( + <StyledContainer> + {children} + </StyledContainer> + ); +}; |