joshua/dash-visualizer
1
0
Fork 0
mirror of https://github.com/seigler/dash-visualizer synced 2025-07-27 01:36:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

⚡ Change main live canvas to act like a mempool

Browse source
This commit is contained in:
Joshua Seigler 2019-04-08 04:34:52 -04:00
parent 5c9a82b87f
commit 66283fcfe2
4 changed files with 116 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/styles/main.css
View file

@ -34,7 +34,17 @@ a {
margin-left: 80vw;
padding-top: 2.5vw;
}
.block:first-child {
#hero, .block {
width: 15vw;
height: 15vw;
-webkit-box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);
box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);
background-color: #dad7b7;
margin: 0 auto 1em;
position: relative;
overflow: hidden;
}
#hero {
position: absolute;
left: 41.125%;
top: 50%;
@ -45,26 +55,16 @@ a {
transform: translate(-50%,-50%);
}
@media (max-height: 82.5vw) {
.block:first-child {
#hero {
width: calc(100vh - 5vw);
height: calc(100vh - 5vw);
}
}
.block.solo {
#hero.solo {
left: 50%;
width: 95vmin;
height: 95vmin;
}
.block {
width: 15vw;
height: 15vw;
-webkit-box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);
box-shadow: 0.1em 0.1em 1em hsla(0, 0%, 0%, 0.5);
background-color: #dad7b7;
margin: 0 auto 1em;
position: relative;
overflow: hidden;
}
.explorer-link {
display: none;
position: absolute;