move next-level-buttons on mobile
This commit is contained in:
@@ -413,7 +413,9 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|||||||
<div className="content" ref={proofPanelRef}>
|
<div className="content" ref={proofPanelRef}>
|
||||||
<ExerciseStatement data={props.data} />
|
<ExerciseStatement data={props.data} />
|
||||||
<div className="tmp-pusher"></div>
|
<div className="tmp-pusher"></div>
|
||||||
{proof.length ? proof.map((step, i) => {
|
{proof.length ?
|
||||||
|
<>
|
||||||
|
{proof.map((step, i) => {
|
||||||
if (i == proof.length - 1 && hasInteractiveErrors(step.errors)) {
|
if (i == proof.length - 1 && hasInteractiveErrors(step.errors)) {
|
||||||
// if the last command contains an error, we only display the errors but not the
|
// if the last command contains an error, we only display the errors but not the
|
||||||
// entered command as it is still present in the command line.
|
// entered command as it is still present in the command line.
|
||||||
@@ -454,7 +456,10 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{completed && i == proof.length - 1 &&
|
</div>
|
||||||
|
}
|
||||||
|
})}
|
||||||
|
{mobile && completed &&
|
||||||
<div className="button-row">
|
<div className="button-row">
|
||||||
{props.level >= props.worldSize ?
|
{props.level >= props.worldSize ?
|
||||||
<Button to={`/${gameId}`}>
|
<Button to={`/${gameId}`}>
|
||||||
@@ -467,9 +472,8 @@ export function CommandLineInterface(props: { world: string, level: number, data
|
|||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</>
|
||||||
}
|
: <CircularProgress />}
|
||||||
}) : <CircularProgress />}
|
|
||||||
</div>
|
</div>
|
||||||
<CommandLine proofPanelRef={proofPanelRef} />
|
<CommandLine proofPanelRef={proofPanelRef} />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user