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

use styled-jsx in StoneView

Browse Source
This commit is contained in:
Halit Aksoy 2022-07-14 23:21:20 +03:00
parent 07bf32568c
commit 5c01be8b2e
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/board/StoneView.tsx
View File

@ -3,17 +3,18 @@ import { FunctionComponent } from "react";
const StoneView: FunctionComponent<{ color: string }> = ({ color }) => { const StoneView: FunctionComponent<{ color: string }> = ({ color }) => {
return ( return (
<div <div className="stone" style={{ background: color }}>
style={{ <style jsx>{`
background: color, .stone {
margin: "1px", margin: 1px;
width: "1vw", width: 1vw;
height: "1vw", height: 1vw;
borderRadius: "10vw", border-radius: 10vw;
transition: "background-color 0.5s", transition: background-color 0.5s;
}} }
/> `}</style>
</div>
); );
}; };
export default StoneView; export default StoneView;