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

56 lines
807 B
SCSS
Raw Normal View History

2019-07-21 17:59:47 +03:00
#divider {
width: 3px;
height: 200px;
2019-07-21 17:59:47 +03:00
left: 0;
top: -50px;
2019-07-21 17:59:47 +03:00
background-image: url('/assets/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;
2019-07-21 17:59:47 +03:00
}
.position-container {
position: absolute;
left: 50%;
}
@media (max-width: 767.98px) {
#divider {
top: -50px;
height: 1300px;
2019-07-21 17:59:47 +03:00
}
.position-container {
top: 100px;
}
}
@media (min-width: 1920px) {
.position-container {
transform: scale(1.3);
}
}
.black-background {
background-color: #11131f;
z-index: 100;
position: relative;
}
2020-02-17 20:39:20 +07:00
.loading-block {
position: absolute;
text-align: center;
margin: auto;
width: 100%;
top: 80px;
}