gaugendre/display
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Improve display

Browse source
This commit is contained in:
Gabriel Augendre 2021-11-14 10:44:30 +01:00
parent 11cfe19650
commit 3d6037a56a
2 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.tsx
View file

@ -40,11 +40,9 @@ class App extends React.Component<{}, IAppState> {
render() { render() {
return <div> return <div>
<Container className="main"> <Container className="main">
<Row sm={2}> <Row sm={2} md={3} className="g-4">
{this.state.passages.map((ligne) => <Tcl key={ligne.ligne} ligne={ligne.ligne} {this.state.passages.map((ligne) => <Tcl key={ligne.ligne} ligne={ligne.ligne}
delais={ligne.delais}/>)} delais={ligne.delais}/>)}
</Row>
<Row sm={2}>
{this.state.stations.map((station) => <Velov key={station.info.station_id} info={station.info} status={station.status}/>)} {this.state.stations.map((station) => <Velov key={station.info.station_id} info={station.info} status={station.status}/>)}
</Row> </Row>
<Row> <Row>

2
src/Velov.tsx
View file

@ -10,7 +10,7 @@ export default class Velov extends React.Component<IVelovStation> {
return <Col> return <Col>
<Card> <Card>
<Card.Header> <Card.Header>
<FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase()} <FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase().split(" - ")[1]}
</Card.Header> </Card.Header>
<ListGroup variant="flush"> <ListGroup variant="flush">
<ListGroup.Item> <ListGroup.Item>