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

Merge pull request #6 from jhalitaksoy/feature/background-transition

Browse Source 
Feature/background transition
This commit is contained in:
Halit Aksoy 2022-05-23 22:17:03 +03:00 committed by GitHub
commit efdba2f968
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "mancala-frontend", "name": "mancala-frontend",
"version": "0.1.3-beta.5", "version": "0.1.3-beta.6",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

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,