diff --git a/packages/play-node-go/src/components/Button/Game/Game.scss b/packages/play-node-go/src/components/Button/Game/Game.scss index 925b6f2..3699d16 100644 --- a/packages/play-node-go/src/components/Button/Game/Game.scss +++ b/packages/play-node-go/src/components/Button/Game/Game.scss @@ -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; }