shafin808s/edbridge-scholars
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): fix minor ui bugs

Browse Source
This commit is contained in:
shafin-r
2026-02-15 18:37:28 +06:00
parent e5305a1ca2
commit b56642fda8
4 changed files with 32 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/student/Home.tsx
View File

@ -84,7 +84,7 @@ export const Home = () => {
};
return (
<main className="min-h-screen bg-gray-50 space-y-6 max-w-full mx-auto px-8 sm:px-6 lg:px-90 py-12">
<main className="min-h-screen bg-gray-50 space-y-6 mx-auto px-8 sm:px-6 lg:px-90 py-12">
<h1 className="text-4xl font-satoshi-bold tracking-tight text-gray-800 text-center">
Welcome, {user?.name || "Student"}
</h1>

2
src/pages/student/StudentLayout.tsx
View File

@ -14,7 +14,7 @@ export function StudentLayout() {
return (
<SidebarProvider>
<div className="min-h-screen flex w-full">
<div className="min-h-screen flex">
{/* Desktop Sidebar */}
<AppSidebar />
<main className="flex-1">

38
src/pages/student/practice/Test.tsx
View File

@ -237,7 +237,7 @@ export const Test = () => {
if (question.options && question.options.length > 0) {
const eliminatedSet = eliminated[question.id] ?? new Set();
return (
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-4 w-full">
{question.options.map((option, index) => {
const isSelected = currentAnswer === option.id;
const isEliminated = eliminatedSet.has(option.id);
@ -245,7 +245,7 @@ export const Test = () => {
return (
<div
key={option.id}
className={`flex flex-row-reverse items-center gap-4 transition
className={`flex flex-row-reverse items-center gap-4
`}
>
@ -407,28 +407,28 @@ export const Test = () => {
<h1 className="text-lg text-center font-satoshi">
{currentModule?.module_title}
</h1>
{/* <p className="text-sm font-satoshi text-gray-500">
{practiceSheet?.modules[0].description}
</p> */}
<p className="text-sm font-satoshi text-gray-500"></p>
</header>
</section>
<div className="border border-purple-300"></div>
{currentQuestion?.context && (
<section className="h-100 overflow-y-auto px-10 pt-30">
<p className="font-satoshi tracking-wide text-lg">
{renderQuestionText(currentQuestion?.context)}
<section className="flex">
{currentQuestion?.context && (
<section className="h-100 w-1/2 overflow-y-auto px-10 pt-30">
<p className="font-satoshi tracking-wide text-lg">
{renderQuestionText(currentQuestion?.context)}
</p>
</section>
)}
<div className="border border-purple-200 h-full"></div>
<section
className={`w-1/2 px-10 ${currentQuestion?.context ? "" : "pt-26"}`}
>
<p className="font-satoshi-medium text-xl">
{currentQuestion?.text &&
renderQuestionText(currentQuestion.text)}
</p>
</section>
)}
<div className="border border-purple-200"></div>
<section
className={`px-10 ${currentQuestion?.context ? "" : "pt-26"}`}
>
<p className="font-satoshi-medium text-xl">
{currentQuestion?.text &&
renderQuestionText(currentQuestion.text)}
</p>
</section>
<section className="overflow-y-auto max-h-100 md:max-h-fit px-10 pb-20">
{renderAnswerInput(currentQuestion)}