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

update tutorials

Browse Source
This commit is contained in:
Mario
2020-11-16 09:05:47 +01:00
parent b60ec9136a
commit fd21bd76f9
6 changed files with 145 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Tutorial/Instruction.js
+2 -2
View File
@@ -20,7 +20,7 @@ class Instruction extends Component {
return (
<div>
<Typography variant='h4' style={{ marginBottom: '5px' }}>{step.headline}</Typography>
<Typography style={isHardware ? {} : { marginBottom: '5px' }}><ReactMarkdown>{step.text}</ReactMarkdown></Typography>
<Typography style={isHardware ? {} : { marginBottom: '5px' }}><ReactMarkdown allowDangerousHtml skipHtml={false}>{step.text}</ReactMarkdown></Typography>
{isHardware ?
<Hardware picture={step.hardware} /> : null}
{areRequirements > 0 ?
@@ -28,7 +28,7 @@ class Instruction extends Component {
{step.media ?
step.media.picture ?
<div style={{ display: 'flex', justifyContent: 'center', marginBottom: '5px' }}>
<img src={`/media/tutorial/${step.media.picture}`} alt='' style={{ maxWidth: '100%' }} />
<img src={`/media/tutorial/${step.media.picture}`} alt='' style={{ maxHeight: '40vH', maxWidth: '100%' }} />
</div>
: step.media.youtube ?
/*16:9; width: 800px; height: width/16*9=450px*/