frontend: Style stats according to styleguide

This commit is contained in:
Paul Bienkowski 2021-05-14 19:41:07 +02:00
parent 41313f6f63
commit 420b4f2a85
2 changed files with 14 additions and 5 deletions

View file

@ -45,22 +45,22 @@ function Stats() {
<Segment>
<Loader active={stats == null} />
<Statistic.Group widths={2} size="mini">
<Statistic.Group widths={2} size="tiny">
<Statistic>
<Statistic.Value>{Number(stats?.trackLength / 1000).toFixed(1)} km</Statistic.Value>
<Statistic.Label>track length</Statistic.Label>
<Statistic.Label>Total track length</Statistic.Label>
</Statistic>
<Statistic>
<Statistic.Value>{formatDuration(stats?.trackDuration)} h</Statistic.Value>
<Statistic.Label>recorded</Statistic.Label>
<Statistic.Label>Time recorded</Statistic.Label>
</Statistic>
<Statistic>
<Statistic.Value>{stats?.numEvents}</Statistic.Value>
<Statistic.Label>events</Statistic.Label>
<Statistic.Label>Events confirmed</Statistic.Label>
</Statistic>
<Statistic>
<Statistic.Value>{stats?.userCount}</Statistic.Value>
<Statistic.Label>members</Statistic.Label>
<Statistic.Label>Members joined</Statistic.Label>
</Statistic>
</Statistic.Group>
</Segment>

View file

@ -1,3 +1,12 @@
/*******************************
User Variable Overrides
*******************************/
@valueFont: @fontName;
@valueTextTransform: none;
@valueFontWeight: light;
@labelFont: @fontName;
@labelTextTransform: none;
@labelFontWeight: normal;
@labelColor: @obsColorG1;