27 lines
441 B
TypeScript
27 lines
441 B
TypeScript
|
import * as React from "react";
|
||
|
import styled from "styled-components";
|
||
|
|
||
|
const Backdrop = styled.div`
|
||
|
position: absolute;
|
||
|
top: 50px;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
background-color: #293742;
|
||
|
z-index: 100;
|
||
|
`;
|
||
|
|
||
|
const Container = styled.div`
|
||
|
max-width: 800px;
|
||
|
margin: auto;
|
||
|
padding: 2em;
|
||
|
`;
|
||
|
|
||
|
const Page: React.FC = ({ children }) => (
|
||
|
<Backdrop>
|
||
|
<Container>{children}</Container>
|
||
|
</Backdrop>
|
||
|
);
|
||
|
|
||
|
export default Page;
|