schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hardware images without distortion

Browse Source
This commit is contained in:
Delucse 2020-09-15 15:29:59 +02:00
parent 8060927cc6
commit 25134d4d86
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Tutorial/Hardware.js
View File

@ -62,7 +62,9 @@ class Hardware extends Component {
<GridList cellHeight={100} cols={cols} spacing={10}> <GridList cellHeight={100} cols={cols} spacing={10}>
{this.props.picture.map((picture,i) => ( {this.props.picture.map((picture,i) => (
<GridListTile key={i}> <GridListTile key={i}>
<img src={`/media/hardware/${picture}.png`} height={100} alt={picture} style={{cursor: 'pointer'}} onClick={() => this.handleClickOpen(picture, `/media/hardware/${picture}.png`)}/> <div style={{margin: 'auto', width: 'max-content'}}>
<img src={`/media/hardware/${picture}.png`} alt={picture} height={100} style={{cursor: 'pointer'}} onClick={() => this.handleClickOpen(picture, `/media/hardware/${picture}.png`)}/>
</div>
<GridListTileBar <GridListTileBar
classes={{root: this.props.classes.multiGridListTile}} classes={{root: this.props.classes.multiGridListTile}}
title={ title={