lucas/Shogi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
Lucas Morgan
2023-02-06 16:10:25 -06:00
parent 049465953c
commit c251770f58
6 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Shogi.UI/Pages/Home/GameBoard/GameBoardPresentation.razor
View File

@@ -27,7 +27,9 @@
data-position="@(position)"
data-selected="@(isSelected)"
style="grid-area: @position">
<GamePiece Piece="piece" Perspective="Perspective" />
@if (piece != null){
<GamePiece Piece="piece" Perspective="Perspective" />
}
</div>
}
}

13
Shogi.UI/Pages/Home/GameBoard/GameboardPresentation.razor.css
View File

@@ -1,7 +1,8 @@
.game-board {
display: grid;
grid-template-areas: "board side-board icons";
grid-template-columns: max-content minmax(25rem, 1fr) 2fr;
grid-template-columns: 1fr minmax(9rem, 15rem) 3rem;
place-content: center;
gap: 0.5rem;
background-color: #444;
position: relative; /* For absolute positioned children. */
@@ -33,12 +34,11 @@
"rank A2 B2 C2 D2 E2 F2 G2 H2 I2"
"rank A1 B1 C1 D1 E1 F1 G1 H1 I1"
". file file file file file file file file file";
grid-template-columns: auto repeat(9, minmax(0, 1fr));
grid-template-rows: repeat(9, minmax(0, 1fr)) auto;
max-height: calc(100vh - 3rem);
width: calc(100vmin * 0.9167);
aspect-ratio: 0.9167;
grid-template-columns: auto repeat(9, 1fr);
grid-template-rows: repeat(9, 1fr) auto;
gap: 3px;
aspect-ratio: 0.9167;
max-height: calc(100vh - 2rem);
}
.board[data-perspective="Player2"] {
@@ -61,6 +61,7 @@
display: grid;
place-content: center;
transition: filter linear 0.25s;
aspect-ratio: 0.9167;
}
.board .tile {