machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

General responsive improvments.

Browse Source
This commit is contained in:
softsimon
2020-03-05 16:13:46 +07:00
parent fd0fd2750c
commit c7ddeecd18
16 changed files with 83 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@@ -54,47 +54,37 @@
font-size: 12px;
}
@media (max-width: 767.98px) {
.mempool-blocks-container {
position: absolute;
left: -165px;
top: -40px;
}
.bitcoin-block::after {
content: '';
width: 125px;
height: 24px;
position:absolute;
top: -24px;
left: -20px;
background-color: #232838;
transform:skew(40deg);
transform-origin:top;
}
@media (min-width: 768px) {
.bitcoin-block::after {
content: '';
width: 125px;
height: 24px;
position:absolute;
top: -24px;
left: -20px;
background-color: #232838;
transform:skew(40deg);
transform-origin:top;
}
.bitcoin-block::before {
content: '';
width: 20px;
height: 125px;
position: absolute;
top: -12px;
left: -20px;
background-color: #191c27;
transform: skewY(50deg);
transform-origin: top;
}
.bitcoin-block::before {
content: '';
width: 20px;
height: 125px;
position: absolute;
top: -12px;
left: -20px;
background-color: #191c27;
transform: skewY(50deg);
transform-origin: top;
}
.mempool-block.bitcoin-block::after {
background-color: #403834;
}
.mempool-block.bitcoin-block::after {
background-color: #403834;
}
.mempool-block.bitcoin-block::before {
background-color: #2d2825;
}
.mempool-block.bitcoin-block::before {
background-color: #2d2825;
}
.black-background {