Get the layout for the general tab implemented (closes #142)
This commit is contained in:
parent
df316c68f3
commit
194eba779d
6 changed files with 56 additions and 25 deletions
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
38
styles/v3/layouts/items/untyped/v2.scss
Normal file
38
styles/v3/layouts/items/untyped/v2.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue