Implement the general layout for inventory (closes #94)

This commit is contained in:
Oliver-Akins 2024-03-04 19:41:59 -07:00
parent cd6554289b
commit daaa459012
3 changed files with 33 additions and 5 deletions

View file

@ -1,9 +1,20 @@
.dotdungeon .actor--pc-v2 .active .inventory-page {
margin-bottom: 100px;
.dotdungeon .actor--pc-v2 .active.inventory-page {
padding-bottom: 50px;
height: 100%;
}
.dotdungeon .actor--pc-v2 .active .inventory-page .tab[data-tab="player"] {
.dotdungeon .actor--pc-v2 .active.inventory-page .tab[data-tab="player"] {
display: grid;
gap: 16px;
grid-template-columns: 1fr 4fr;
grid-template-columns: 1fr 3fr;
grid-template-rows: 1fr repeat(3, min-content);
height: 100%;
color: white;
.item-list {
grid-row: 1 / -1;
grid-column: 2;
display: flex;
flex-direction: column;
}
}