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

use styled-jsx in InfoPanel

Browse Source
This commit is contained in:
Halit Aksoy 2022-07-14 22:36:04 +03:00
parent 8f028e2b51
commit 2711f4061f
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/InfoPanel.tsx
View File

@ -57,12 +57,17 @@ const InfoPanelContainer: FunctionComponent<{
return (
<div
style={{
background: props.color,
padding: "1vw 2vw",
marginTop: "1vw",
borderRadius: "10vw",
background: props.color
}}
>
<style jsx>{`
div {
padding: 1vw 2vw;
margin-top: 1vw;
border-radius: 10vw;
}
`}
</style>
{props.children}
</div>
);