oxaliq/node-go
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

patch to Game button style

Browse source
This commit is contained in:
Sorrel Bri 2020-04-12 14:50:03 -07:00
parent a35cad24df
commit 0dbf0ed844
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/play-node-go/src/components/Button/Game/Game.scss
View file

@ -11,7 +11,7 @@ div.GameButton {
}
div.GameButton__seat {
background-color: red;
background: linear-gradient(190deg, rgb(232, 78, 78), rgb(172, 18, 18) 40%, rgb(100, 0, 0));
height: 10%;
margin: 0 auto;
width: 50%;
@ -67,15 +67,16 @@ div.GameButton__table__image {
z-index: 1;
div.table__game-board {
align-items: center;
background: radial-gradient(
farthest-corner at 55% 40%,
rgb(244, 230, 120) 0%, rgb(234, 178, 78) 65%, rgb(200, 160, 90) 90%, rgb(200, 140, 90) 100%
);
box-shadow: -0.5vh 1vh 2vh rgba(30,30,30, 0.7);
height: 60%;
justify-content: center;
width: 60%;
display: flex;
align-items: center;
justify-content: center;
div.table__game-board--grid {
background:
@ -99,6 +100,7 @@ div.table__player-area {
rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90%
);
border-radius: 50%;
box-shadow: -0.5vh 1vh 2vh rgba(30,30,30, 0.7);
height: 100%;
&--white {
@ -117,9 +119,11 @@ div.GameButton__player-data {
display: flex;
justify-content: space-around;
max-width: 100%;
&.GameButton__player-data--invisible {
visibility: hidden;
}
&.GameButton__player-data--white {
margin: 0 5vw 1vw 0.5vw;
}