turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Adjust the style of the dominance shower view

This commit is contained in:
Jonny 2019-05-03 01:20:59 +02:00 committed by JP1998
parent a38624fd5b
commit 7c1928dce3
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
pages/tournament-statistics.js
View File

@ -56,17 +56,23 @@ class DominanceShower extends React.Component {
render() { render() {
return ( return (
<Card className="shadow"> <Card className="shadow-sm">
<CardBody> <CardBody>
<CardTitle>{this.props.title}</CardTitle> <CardTitle>{this.props.title}</CardTitle>
<Table borderless className="table-no-margin"> <Table borderless className="table-no-margin">
<tr> <tbody>
<th colspan="2">{findTeam(this.props.teams, this.props.stats.id).name}</th> <tr>
</tr> <th colSpan="2" className="h3 text-center">{findTeam(this.props.teams, this.props.stats.id).name}</th>
<tr> </tr>
<td className="wins">{this.props.stats.pointsMade}</td> <tr>
<td className="losses text-right">{this.props.stats.pointsReceived}</td> <td className="h4 text-success pb-0">{this.props.stats.pointsMade}</td>
</tr> <td className="h4 text-danger text-right pb-0">{this.props.stats.pointsReceived}</td>
</tr>
<tr>
<td className="smaller pt-0">Punkte erzielt</td>
<td className="text-right smaller pt-0">Punkte kassiert</td>
</tr>
</tbody>
</Table> </Table>
</CardBody> </CardBody>
</Card> </Card>
@ -96,7 +102,7 @@ class StandingsTable extends React.Component {
let sortedPerformances = sort(performances, (p1, p2) => p1.rank - p2.rank, Order.descending); let sortedPerformances = sort(performances, (p1, p2) => p1.rank - p2.rank, Order.descending);
return ( return (
<Card className="shadow"> <Card className="shadow-sm">
<CardBody> <CardBody>
<h1 className="custom-font">Aktuelle Rangliste</h1> <h1 className="custom-font">Aktuelle Rangliste</h1>
<Table striped className="mt-3 table-no-margin"> <Table striped className="mt-3 table-no-margin">
@ -120,7 +126,7 @@ class StandingsTable extends React.Component {
</Collapse> </Collapse>
<tfoot> <tfoot>
<tr> <tr>
<td colspan='4'> <td colSpan='4'>
<TableButton isFullTableShown={this.state.showFullTable} onToggle={this.toggleShowFullTable}/> <TableButton isFullTableShown={this.state.showFullTable} onToggle={this.toggleShowFullTable}/>
</td> </td>
</tr> </tr>