m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-25 02:36:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed realtime metrics display. Closes #1899.

Browse Source
This commit is contained in:
Mike Cao 2023-04-19 11:46:41 -07:00
parent 9c2242012e
commit 8bd289ad01
2 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/pages/realtime/RealtimeHeader.js
View File

@ -9,14 +9,26 @@ export default function RealtimeHeader({ data = {} }) {
return ( return (
<div className={styles.header}> <div className={styles.header}>
<div className={styles.metrics}> <div className={styles.metrics}>
<MetricCard label={formatMessage(labels.views)} value={pageviews?.length} hideComparison />
<MetricCard <MetricCard
className={styles.card}
label={formatMessage(labels.views)}
value={pageviews?.length}
hideComparison
/>
<MetricCard
className={styles.card}
label={formatMessage(labels.visitors)} label={formatMessage(labels.visitors)}
value={visitors?.length} value={visitors?.length}
hideComparison hideComparison
/> />
<MetricCard label={formatMessage(labels.events)} value={events?.length} hideComparison />
<MetricCard <MetricCard
className={styles.card}
label={formatMessage(labels.events)}
value={events?.length}
hideComparison
/>
<MetricCard
className={styles.card}
label={formatMessage(labels.countries)} label={formatMessage(labels.countries)}
value={countries?.length} value={countries?.length}
hideComparison hideComparison

11
components/pages/realtime/RealtimeHeader.module.css
View File

@ -7,4 +7,15 @@
.metrics { .metrics {
display: flex; display: flex;
flex-wrap: wrap;
}
.card {
justify-self: flex-start;
}
@media only screen and (max-width: 992px) {
.card {
flex-basis: calc(50% - 20px);
}
} }