Fixed chart height on mobile

This commit is contained in:
Rsl1122 2019-09-22 10:07:01 +03:00
parent 57555e0fd1
commit 1133fb982f

View File

@ -12110,42 +12110,23 @@ a:focus {
.chart-area { .chart-area {
position: relative; position: relative;
height: 12rem; height: 22rem;
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
text-align: center; text-align: center;
} }
@media (min-width: 768px) {
.chart-area {
height: 22rem;
}
}
.chart-bar { .chart-bar {
position: relative; position: relative;
height: 10rem;
width: 100%;
}
@media (min-width: 768px) {
.chart-bar {
height: 20rem; height: 20rem;
} width: 100%;
} }
.chart-pie { .chart-pie {
position: relative; position: relative;
height: 15rem; height: calc(20rem - 43px);
width: 100%; width: 100%;
} }
@media (min-width: 768px) {
.chart-pie {
height: calc(20rem - 43px) !important;
}
}
.bg-login-image { .bg-login-image {
background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800"); background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");
background-position: center; background-position: center;