Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/charts.scss
| @import '~frappe-charts/dist/frappe-charts.min.css'; | @import '~frappe-charts/dist/frappe-charts.min.css'; | ||||
| .chart-container { | .chart-container { | ||||
| font-family: unset; | font-family: unset; | ||||
| .title { | .title { | ||||
| font-size: 12pt; | font-size: 12pt; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| } | } | ||||
| #stats-container { | #stats-container { | ||||
| & > div { | & > div { | ||||
| border: 1px solid lightgrey; | border: 1px solid lightgrey; | ||||
| border-radius: 0.5em; | border-radius: 0.5em; | ||||
| padding-top: 0.5em; | padding-top: 0.5em; | ||||
| margin: 0.5em; | |||||
| min-height: 250px; | min-height: 250px; | ||||
| text-align: center; | |||||
| & > span { | |||||
| line-height: 240px; | |||||
| } | |||||
| } | |||||
| } | |||||
| @include media-breakpoint-up(lg) { | |||||
| #stats-container { | |||||
| display: flex; | |||||
| flex-wrap: wrap; | |||||
| align-content: baseline; | |||||
| & > div { | |||||
| width: calc(50% - 1em); | |||||
| svg { | |||||
| width: 100%; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | } | ||||
| } | |||||
| No newline at end of file | |||||