cash flow responsive control for dashboard

This commit is contained in:
Burak Civan
2022-11-02 12:02:26 +03:00
parent 45808ec944
commit 1671083773
3 changed files with 49 additions and 22 deletions

View File

@@ -454,9 +454,16 @@ html[dir='rtl'] .el-scrollbar__wrap {
}
/* apex-chart cash-flow */
.apex-chart-cash-flow .apexcharts-legend {
width: 24rem !important;
width: 100% !important;
justify-content: space-around !important;
padding: 0;
flex-wrap: nowrap !important;
}
.apex-chart-cash-flow .apexcharts-legend-series {
width: 8rem;
text-align: center;
margin: 0 !important;
}
.apex-chart-cash-flow .apexcharts-toolbar {
@@ -564,6 +571,17 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
}
}
@media only screen and (max-width: 480px) {
.dashboard-picker .el-picker-panel__body {
width: 100% !important;
margin-left: unset !important;
}
.dashboard-picker.el-date-range-picker.el-popper.has-sidebar {
width: 100% !important;
}
}
#nprogress .bar {
background: #A6A8C9 !important;
height: 5px !important;