fixed layout and css/js for responsive layout.

This commit is contained in:
hackyminer
2018-04-08 20:39:22 +09:00
committed by EOS Classic
parent 3a46bb6395
commit 815f62f3a8
4 changed files with 130 additions and 17 deletions

View File

@@ -147,9 +147,9 @@ span.small-title span.small {
}
.big-info.chart .big-details {
display: block;
position: absolute;
display: table;
top: 40px;
margin: 0 auto;
}
.big-info.chart {
@@ -166,6 +166,8 @@ span.small-title span.small {
width: 288px;
padding-top: 6px;
margin-left: -2px;
display: table;
margin: 0 auto;
}
.blocks-holder {
@@ -465,4 +467,52 @@ svg .axis text {
svg .y.axis .tick:first-child text {
opacity: 0;
}
}
@media (max-width: 768px) {
.container-fluid {
padding-left: 5px;
padding-right: 5px;
}
.big-info .icon-full-width i {
width: 75px;
height: 67px;
font-size: 67px;
margin-left: -25px;
}
.big-info .big-details-holder {
left: 75px;
}
.big-info .big-details {
font-size: 35px;
}
.blocks-holder div.small-title-miner {
font-family: inherit;
font-size: 11px;
letter-spacing: -.5px;
}
.blocks-holder {
width: 100%;
}
.big-info.chart i, .second-row .box i {
font-size: 18px;
margin-right: 0px;
}
.second-row .box {
height: 100%; /* BUG XXX */
}
}
@media (max-width: 600px) {
.blocks-holder div.small-title-miner {
font-size: 10px;
}
}