Turned the reading into split screen

This commit is contained in:
Tiago Ribeiro
2023-08-31 20:53:08 +01:00
parent b3b804fc11
commit f2323b35b8

View File

@@ -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"