embed picture
This commit is contained in:
parent
f7a0e7594d
commit
1cef36e0f2
@ -134,7 +134,7 @@ class BlocklyExample extends Component {
|
|||||||
{this.state.checked && !this.props.task ?
|
{this.state.checked && !this.props.task ?
|
||||||
<FormHelperText style={{lineHeight: 'initial'}}>Anmerkung: Man kann den initialen Setup()- bzw. Endlosschleifen()-Block löschen. Zusätzlich ist es möglich u.a. nur einen beliebigen Block auszuwählen, ohne dass dieser als deaktiviert dargestellt wird.</FormHelperText>
|
<FormHelperText style={{lineHeight: 'initial'}}>Anmerkung: Man kann den initialen Setup()- bzw. Endlosschleifen()-Block löschen. Zusätzlich ist es möglich u.a. nur einen beliebigen Block auszuwählen, ohne dass dieser als deaktiviert dargestellt wird.</FormHelperText>
|
||||||
: null}
|
: null}
|
||||||
// ensure that the correct xml-file is displayed in the workspace
|
{/* ensure that the correct xml-file is displayed in the workspace */}
|
||||||
{this.state.checked && this.state.xml? (() => {
|
{this.state.checked && this.state.xml? (() => {
|
||||||
return(
|
return(
|
||||||
<div style={{marginTop: '10px'}}>
|
<div style={{marginTop: '10px'}}>
|
||||||
|
@ -23,6 +23,11 @@ class Instruction extends Component {
|
|||||||
<Hardware picture={step.hardware}/> : null}
|
<Hardware picture={step.hardware}/> : null}
|
||||||
{areRequirements > 0 ?
|
{areRequirements > 0 ?
|
||||||
<Requirement tutorialIds={step.requirements}/> : null}
|
<Requirement tutorialIds={step.requirements}/> : null}
|
||||||
|
{step.picture ?
|
||||||
|
<div style={{display: 'flex', justifyContent: 'center', marginBottom: '5px'}}>
|
||||||
|
<img src={`/media/tutorial/${step.picture}`} alt='' style={{maxWidth: '100%'}}/>
|
||||||
|
</div>
|
||||||
|
: null}
|
||||||
{step.xml ?
|
{step.xml ?
|
||||||
<Grid container spacing={2} style={{marginBottom: '5px'}}>
|
<Grid container spacing={2} style={{marginBottom: '5px'}}>
|
||||||
<Grid item xs={12}>
|
<Grid item xs={12}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user