ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

combo preview styling

Browse Source
This commit is contained in:
Mashy
2019-11-22 09:56:29 +10:00
parent 843c1c6bbe
commit b5ade7f012
4 changed files with 40 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/instance.less
+17 -9
View File
@@ -35,34 +35,36 @@
margin-left: 1em;
grid-area: info;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 20em 1fr;
grid-template-columns: 1fr min-content;
grid-template-areas:
"combos item";
"item combos";
.info-item {
grid-area: item;
}
.combos {
margin-right: 1em;
display: grid;
grid-area: combos;
margin-left: 0.5em;
grid-template-rows: min-content min-content;
grid-template-areas:
"comboHeader"
"comboList";
.combo-header {
font-size: 1.25em;
text-align: center;
}
.combo-list {
display: grid;
grid-template-rows: min-content min-content min-content;
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
grid-template-columns: min-content min-content;
grid-gap: 0.5em;
margin-top: 0.5em;
.table-button {
display: grid;
text-align: center;
align-content: center;
grid-template-areas:
"item"
"ingr";
@@ -79,11 +81,17 @@
flex: 1;
grid-area: item;
font-weight: bold;
div {
width: 5em;
}
}
div {
border-left: 2px solid #222;
border-right: 2px solid #222;
height: 1.75em;
width: 7.5em;
svg {
vertical-align: middle;
}
client/assets/styles/styles.mobile.less
+3 -7
View File
@@ -10,14 +10,10 @@
.instance {
font-size: 7.5pt;
grid-template-columns: 1fr;
grid-template-rows: min-content 1fr;
grid-template-areas:
"vbox"
"constructs";
.info {
display: none;
.combos {
display: none;
}
}
svg {
stroke-width: 1.25em;