mempool/frontend/src/app/components/blockchain/blockchain.component.scss

58 lines
No EOL
846 B
SCSS

#divider {
width: 3px;
height: 200px;
left: 0;
top: -50px;
background-image: url('/resources/divider-new.png');
background-repeat: repeat-y;
position: absolute;
margin-bottom: 120px;
}
#divider > img {
position: absolute;
left: -100px;
top: -28px;
}
.blockchain-wrapper {
overflow: hidden;
height: 250px;
}
.position-container {
position: absolute;
left: 50%;
top: 75px;
}
.position-container.liquid {
left: 420px;
}
@media (max-width: 767.98px) {
.position-container {
left: 95%;
}
.position-container.liquid {
left: 50%;
}
.position-container.loading {
left: 50%;
}
}
.black-background {
background-color: #11131f;
z-index: 100;
position: relative;
}
.loading-block {
position: absolute;
text-align: center;
margin: auto;
width: 300px;
left: -150px;
top: 0px;
}