Get the layout for the general tab implemented (closes #142)

This commit is contained in:
Oliver-Akins 2024-03-30 22:16:03 -06:00
parent df316c68f3
commit 194eba779d
6 changed files with 56 additions and 25 deletions

View file

@ -1,23 +0,0 @@
@use "../../mixins/material";
.dotdungeon.style-v3 .item--untyped {
.nav-bar {
@include material.elevate(8);
position: absolute;
bottom: 0;
left: 0;
right: 6px;
nav {
display: flex;
flex-direction: row;
gap: 8px;
padding: 8px;
}
}
.page-content {
padding: 8px;
height: 100%;
}
}

View file

@ -0,0 +1,38 @@
@use "../../../mixins/material";
@use "../../../mixins/utils";
.dotdungeon.style-v3 .item--untyped {
.nav-bar {
@include material.elevate(8);
position: absolute;
bottom: 0;
left: 0;
right: 6px;
nav {
display: flex;
flex-direction: row;
gap: 8px;
padding: 8px;
}
}
.page-content {
padding: 8px;
padding-bottom: 60px;
height: 100%;
}
@include utils.tab("general") {
display: grid;
--height: 50px;
grid-template-columns: var(--height) 1fr;
grid-template-rows: var(--height) 1fr;
gap: 8px;
height: 100%;
.description {
grid-column: 1 / -1;
}
}
}