use styled-jsx in InfoPanel
This commit is contained in:
parent
8f028e2b51
commit
2711f4061f
@ -57,12 +57,17 @@ const InfoPanelContainer: FunctionComponent<{
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
background: props.color,
|
background: props.color
|
||||||
padding: "1vw 2vw",
|
|
||||||
marginTop: "1vw",
|
|
||||||
borderRadius: "10vw",
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
<style jsx>{`
|
||||||
|
div {
|
||||||
|
padding: 1vw 2vw;
|
||||||
|
margin-top: 1vw;
|
||||||
|
border-radius: 10vw;
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
</style>
|
||||||
{props.children}
|
{props.children}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user