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

more prog

Browse Source
This commit is contained in:
Mashy 2019-05-09 22:55:46 +10:00
parent 00a367c0ee
commit 707f43550f
2 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
client/cryps.css
View File

@ -372,16 +372,33 @@ header {
display: grid; display: grid;
grid-gap: 10px; grid-gap: 10px;
grid-template-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr); grid-template-rows: repeat(7, 1fr);
grid-template-areas: grid-template-areas:
"n v v v v v v v v v v v" "n v v v v v v v v v v v"
"n v v v v v v v v v v v" "n v v v v v v v v v v v"
"g g g g g g g g g g g g"
"f f f f f f f f f f f f" "f f f f f f f f f f f f"
"f f f f f f f f f f f f" "f f f f f f f f f f f f"
"f f f f f f f f f f f f" "f f f f f f f f f f f f"
"f f f f f f f f f f f f"; "f f f f f f f f f f f f";
} }
.instance-hdr {
gird-area: n;
display: flex;
flex-flow: row;
flex: 0 0 100%;
}
.instance-info {
flex: 0 0 50%;
}
.instance .spacer {
flex-grow: 1
}
.vbox { .vbox {
grid-area: v; grid-area: v;
display: grid; display: grid;
@ -408,22 +425,6 @@ header {
flex-flow: row wrap; flex-flow: row wrap;
} }
.instance-hdr {
gird-area: n;
display: flex;
flex-flow: row;
flex: 0 0 100%;
}
.instance-info {
flex: 0 0 50%;
}
.instance .spacer {
flex-grow: 1
}
.menu-btn, .nav-btn { .menu-btn, .nav-btn {
flex: 1 0 25%; flex: 1 0 25%;
} }
@ -568,10 +569,9 @@ table td svg {
flex: 1 1 25%; flex: 1 1 25%;
display: flex; display: flex;
flex-flow: column; flex-flow: row;
height: 94%;
padding: 0 2em 0 2em; padding: 0 2em 0 2em;
justify-content: center;
min-width: 300px; min-width: 300px;
overflow: hidden; overflow: hidden;
@ -584,9 +584,9 @@ table td svg {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
border: 1px solid whitesmoke; border: 1px solid whitesmoke;
margin-bottom: 1em; margin-left: 1em;
justify-content: center; justify-content: center;
max-width: 350px;
transition-property: all; transition-property: all;
transition-duration: 0.5s; transition-duration: 0.5s;
transition-delay: 0; transition-delay: 0;
@ -595,7 +595,7 @@ table td svg {
.instance-cryp-top { .instance-cryp-top {
display: flex; display: flex;
flex: 1 1 75%; flex: 1 1 auto;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;

4
client/src/components/instance.component.jsx
View File

@ -92,9 +92,11 @@ function InstanceComponent(args) {
{timer} {timer}
<VboxContainer /> <VboxContainer />
<InstanceCrypsContainer /> <InstanceCrypsContainer />
<InfoContainer />
</main> </main>
); );
} }
// <InfoContainer /> Removed while WIP
module.exports = InstanceComponent; module.exports = InstanceComponent;