Add game page styles

This commit is contained in:
snen 2021-09-24 02:58:41 -04:00
parent a392566534
commit 56e0d77c57
1 changed files with 39 additions and 0 deletions

View File

@ -124,3 +124,42 @@ h2 {
display: flex;
justify-content: space-evenly;
}
/* Game */
.game-container {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
}
.game-sidebar {
flex: 0;
width: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.game-board {
flex: auto;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.fighter-area {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.hand {
display: flex;
justify-content: center;
text-align: center;
}