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 |