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

58 lines
846 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;
background-image: url('/resources/divider-new.png');
2019-07-21 17:59:47 +03:00
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%;
2020-02-24 03:42:29 +07:00
top: 75px;
2019-07-21 17:59:47 +03:00
}
.position-container.liquid {
2021-07-29 12:36:00 +03:00
left: 210px;
}
@media (max-width: 767.98px) {
2019-07-21 17:59:47 +03:00
.position-container {
2020-07-30 13:13:22 +07:00
left: 95%;
}
.position-container.liquid {
left: 50%;
}
2020-07-30 13:13:22 +07:00
.position-container.loading {
left: 50%;
2019-07-21 17:59:47 +03:00
}
}
.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;
2020-02-23 19:16:50 +07:00
width: 300px;
left: -150px;
top: 0px;
2020-02-17 20:39:20 +07:00
}