cash flow responsive control for dashboard
This commit is contained in:
20
resources/assets/sass/app.css
vendored
20
resources/assets/sass/app.css
vendored
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user