jhalitaksoy/mancala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use styled-jsx in PageContainer

Browse Source
This commit is contained in:
Halit Aksoy 2022-07-14 22:38:33 +03:00
parent 2711f4061f
commit 0b308e570e
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/PageContainer.tsx
View File

@ -5,13 +5,17 @@ import { Theme } from "../theme/Theme";
const PageContainer: FunctionComponent<{ theme: Theme }> = (props) => { const PageContainer: FunctionComponent<{ theme: Theme }> = (props) => {
return ( return (
<div style={{ <div style={{
display: "flex",
flexDirection: "column",
alignItems: "center",
background: props.theme?.background, background: props.theme?.background,
flex: "1",
minHeight: "400px"
}}> }}>
<style jsx>{`
div {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
min-height: 400px;
}
`}</style>
{props.children} {props.children}
</div> </div>
); );