From f2a9e82e793cf7b6cc5c59aa30372bcec03eb4b1 Mon Sep 17 00:00:00 2001 From: Halit Aksoy Date: Mon, 23 May 2022 22:13:52 +0300 Subject: [PATCH 1/2] feat: add background-color transition --- src/components/BoardView.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/BoardView.tsx b/src/components/BoardView.tsx index a64cf3f..38c7cda 100644 --- a/src/components/BoardView.tsx +++ b/src/components/BoardView.tsx @@ -14,6 +14,7 @@ const BallView: FunctionComponent<{ color: string }> = ({ color }) => { width: "1vw", height: "1vw", borderRadius: "10vw", + transition: "background-color 0.5s", }} > ); @@ -43,6 +44,7 @@ const HoleView: FunctionComponent<{ margin: "5px", padding: "5px", borderRadius: "10vw", + transition: "background-color 0.5s", display: "flex", alignItems: "center", alignContent: "center", @@ -138,6 +140,7 @@ const BoardView: FunctionComponent<{ gridTemplateColumns: "repeat(8, 11vw)", gridTemplateRows: "repeat(2, 11vw)", borderRadius: "3vw", + transition: "background-color 0.5s", background: isUserTurn ? theme.boardColor : theme.boardColorWhenPlayerTurn, From d5521975105ad3df1c1f91da2d53c638b2571edb Mon Sep 17 00:00:00 2001 From: Halit Aksoy Date: Mon, 23 May 2022 22:14:12 +0300 Subject: [PATCH 2/2] v0.1.3-beta.6 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index fcd1cd9..ec33768 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mancala-frontend", - "version": "0.1.3-beta.5", + "version": "0.1.3-beta.6", "description": "", "main": "index.js", "scripts": {