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

60 lines
979 B
SCSS
Raw Normal View History

2019-07-21 17:59:47 +03:00
#divider {
2022-08-29 19:02:22 +02:00
width: 2px;
height: 200px;
2019-07-21 17:59:47 +03:00
left: 0;
top: -50px;
2019-07-21 17:59:47 +03:00
position: absolute;
margin-bottom: 120px;
}
#divider > img {
position: absolute;
left: -100px;
top: -28px;
}
.blockchain-wrapper {
height: 250px;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
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, .position-container.liquidtestnet {
left: 420px;
}
@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, .position-container.liquidtestnet {
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;
}