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 { 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%; height: 10%;
margin: 0 auto; margin: 0 auto;
width: 50%; width: 50%;
@ -67,15 +67,16 @@ div.GameButton__table__image {
z-index: 1; z-index: 1;
div.table__game-board { div.table__game-board {
align-items: center;
background: radial-gradient( background: radial-gradient(
farthest-corner at 55% 40%, 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% 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%; height: 60%;
justify-content: center;
width: 60%; width: 60%;
display: flex; display: flex;
align-items: center;
justify-content: center;
div.table__game-board--grid { div.table__game-board--grid {
background: background:
@ -99,6 +100,7 @@ div.table__player-area {
rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90% rgb(100, 40, 5) 80%, rgb(80, 20, 0) 90%
); );
border-radius: 50%; border-radius: 50%;
box-shadow: -0.5vh 1vh 2vh rgba(30,30,30, 0.7);
height: 100%; height: 100%;
&--white { &--white {
@ -117,9 +119,11 @@ div.GameButton__player-data {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
max-width: 100%; max-width: 100%;
&.GameButton__player-data--invisible { &.GameButton__player-data--invisible {
visibility: hidden; visibility: hidden;
} }
&.GameButton__player-data--white { &.GameButton__player-data--white {
margin: 0 5vw 1vw 0.5vw; margin: 0 5vw 1vw 0.5vw;
} }