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

Styling

Browse Source
This commit is contained in:
Lucas Morgan
2023-07-07 15:53:45 -05:00
parent 0b7ad072a4
commit 483d2df62d
2 changed files with 99 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,11 @@
.game-board { .game-board {
display: grid; display: grid;
grid-template-areas: "board side-board icons"; /*grid-template-areas: "board side-board icons";
grid-template-columns: 1fr minmax(9rem, 15rem) 3rem; grid-template-columns: 1fr minmax(9rem, 15rem) 3rem;*/
grid-template-areas: "board";
grid-template-columns: 1fr;
place-content: center; place-content: center;
padding: 1rem;
gap: 0.5rem; gap: 0.5rem;
background-color: #444; background-color: #444;
position: relative; /* For absolute positioned children. */ position: relative; /* For absolute positioned children. */

3
Shogi.UI/Pages/Home/Home.razor.css
View File

@@ -2,8 +2,7 @@
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"sidebar board"; "sidebar board";
grid-template-columns: clamp(5rem, 20vw, 25rem) 1fr; grid-template-columns: clamp(20rem, 20vw, 25rem) 1fr;
gap: 3px 1rem;
position: relative; /* For absolute positioned children. */ position: relative; /* For absolute positioned children. */
background-color: var(--primary-color); background-color: var(--primary-color);
} }