use styled-jsx in button

2022-07-14 17:27:32 +03:00 · 2022-07-14 17:27:32 +03:00 · 40b37accbb
commit 40b37accbb
parent 3651936497
1 changed files with 8 additions and 4 deletions
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@ -20,12 +20,16 @@ const Button: FunctionComponent<{
      style={{
        background: color,
        color: textColor,
-        margin: "5px",
-        padding: "10px",
-        border: "none",
-        borderRadius: "4vw",
      }}
    >
+      <style jsx>{`
+        button {
+          margin: 5px;
+          padding: 10px;
+          border: none;
+          border-radius: 4vw;
+        }
+      `}</style>
      {text}
    </button>
  );