Turned the reading into split screen
This commit is contained in:
@@ -198,7 +198,8 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
|
|||||||
disableTimer={showSolutions}
|
disableTimer={showSolutions}
|
||||||
label={exerciseIndex === -1 ? undefined : convertCamelCaseToReadable(exam.exercises[exerciseIndex].type)}
|
label={exerciseIndex === -1 ? undefined : convertCamelCaseToReadable(exam.exercises[exerciseIndex].type)}
|
||||||
/>
|
/>
|
||||||
{exerciseIndex === -1 && renderText()}
|
<div className="flex gap-4 mb-20">
|
||||||
|
{renderText()}
|
||||||
{exerciseIndex > -1 &&
|
{exerciseIndex > -1 &&
|
||||||
exerciseIndex < exam.exercises.length &&
|
exerciseIndex < exam.exercises.length &&
|
||||||
!showSolutions &&
|
!showSolutions &&
|
||||||
@@ -207,6 +208,7 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
|
|||||||
exerciseIndex < exam.exercises.length &&
|
exerciseIndex < exam.exercises.length &&
|
||||||
showSolutions &&
|
showSolutions &&
|
||||||
renderSolution(exam.exercises[exerciseIndex], nextExercise, previousExercise)}
|
renderSolution(exam.exercises[exerciseIndex], nextExercise, previousExercise)}
|
||||||
|
</div>
|
||||||
{exerciseIndex > -1 && exerciseIndex < exam.exercises.length && (
|
{exerciseIndex > -1 && exerciseIndex < exam.exercises.length && (
|
||||||
<Button
|
<Button
|
||||||
color="purple"
|
color="purple"
|
||||||
|
|||||||
Reference in New Issue
Block a user