pub-solar/obs-portal
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

frontend: Style stats according to styleguide

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/pages/HomePage.js
View file

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

9
frontend/src/semantic-ui/site/views/statistic.variables
View file

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