use styled-jsx in InfoPanel

2022-07-14 22:36:04 +03:00 · 2022-07-14 22:36:04 +03:00 · 2711f4061f
commit 2711f4061f
parent 8f028e2b51
1 changed files with 9 additions and 4 deletions
--- a/src/components/InfoPanel.tsx
+++ b/src/components/InfoPanel.tsx
@ -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>
  );