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

feat: add background-color transition

Browse Source
This commit is contained in:
Halit Aksoy 2022-05-23 22:13:52 +03:00
parent 03f446a891
commit f2a9e82e79
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/BoardView.tsx
View File

@ -14,6 +14,7 @@ const BallView: FunctionComponent<{ color: string }> = ({ color }) => {
width: "1vw", width: "1vw",
height: "1vw", height: "1vw",
borderRadius: "10vw", borderRadius: "10vw",
transition: "background-color 0.5s",
}} }}
></div> ></div>
); );
@ -43,6 +44,7 @@ const HoleView: FunctionComponent<{
margin: "5px", margin: "5px",
padding: "5px", padding: "5px",
borderRadius: "10vw", borderRadius: "10vw",
transition: "background-color 0.5s",
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
alignContent: "center", alignContent: "center",
@ -138,6 +140,7 @@ const BoardView: FunctionComponent<{
gridTemplateColumns: "repeat(8, 11vw)", gridTemplateColumns: "repeat(8, 11vw)",
gridTemplateRows: "repeat(2, 11vw)", gridTemplateRows: "repeat(2, 11vw)",
borderRadius: "3vw", borderRadius: "3vw",
transition: "background-color 0.5s",
background: isUserTurn background: isUserTurn
? theme.boardColor ? theme.boardColor
: theme.boardColorWhenPlayerTurn, : theme.boardColorWhenPlayerTurn,