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

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

@@ -1,30 +1,24 @@
.shogi {
display: grid;
grid-template-areas:
"pageHeader board"
"browser board";
grid-template-columns: minmax(25rem, 25vw) 1fr;
grid-template-rows: max-content 1fr;
place-items: stretch;
gap: 1rem;
padding: 0.5rem;
"sidebar board";
grid-template-columns: clamp(5rem, 20vw, 25rem) 1fr;
gap: 3px 1rem;
position: relative; /* For absolute positioned children. */
background-color: var(--primary-color);
}
.shogi > .sidebar {
grid-area: sidebar;
display: grid;
grid-template-rows: auto 1fr;
gap: 3px;
}
.shogi > .sidebar.collapsed {
width: 5rem;
}
.shogi > ::deep .game-board {
grid-area: board;
place-self: center start;
}
.shogi > ::deep .pageHeader {
grid-area: pageHeader;
}
.shogi > ::deep .game-browser {
grid-area: browser;
}
Modals {
display: none;
}