Changed the Panel of the reading to use scroll
This commit is contained in:
@@ -117,8 +117,8 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
|
|||||||
</span>
|
</span>
|
||||||
<span className="self-end text-sm">You will be allowed to read the text while doing the exercises</span>
|
<span className="self-end text-sm">You will be allowed to read the text while doing the exercises</span>
|
||||||
</div>
|
</div>
|
||||||
<Panel header={exam.text.title}>
|
<Panel header={exam.text.title} className="overflow-scroll">
|
||||||
<p>
|
<p className="overflow-scroll">
|
||||||
{exam.text.content.split("\\n").map((line, index) => (
|
{exam.text.content.split("\\n").map((line, index) => (
|
||||||
<p key={index}>{line}</p>
|
<p key={index}>{line}</p>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -133,7 +133,7 @@ export default function Page({user}: {user: User}) {
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link rel="icon" href="/favicon.ico" />
|
||||||
</Head>
|
</Head>
|
||||||
<main className="w-full h-screen flex flex-col items-center bg-white text-black">
|
<main className="w-full h-screen flex flex-col items-center bg-neutral-100 text-black">
|
||||||
<ToastContainer />
|
<ToastContainer />
|
||||||
<Navbar profilePicture={user.profilePicture} />
|
<Navbar profilePicture={user.profilePicture} />
|
||||||
{renderScreen()}
|
{renderScreen()}
|
||||||
|
|||||||
Reference in New Issue
Block a user