fix tutor page style

Your-Peanut-Butter-X-Jelly-Sandwich · Apr 14, 2024 · 4695128 · 4695128
1 parent 46fdb9c
commit 4695128
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 11 deletions.
diff --git a/src/app/[locale]/tutor/add-question/page.tsx b/src/app/[locale]/tutor/add-question/page.tsx
@@ -2,7 +2,7 @@ import { NextPage } from 'next';
 import AddQuestionContainer from '@/containers/Tutor/AddQuestion';
 const AddQuestionPage: NextPage = () => {
   return (
-    <div className="grow shrink">
+    <div className="h-full max-h-full">
       <AddQuestionContainer />
     </div>
   );

diff --git a/src/app/[locale]/tutor/layout.tsx b/src/app/[locale]/tutor/layout.tsx
@@ -11,9 +11,9 @@ export default function TutorLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <div className="max-h-full h-full flex flex-col">
+    <div className="h-screen max-h-screen flex flex-col">
       <HeaderTutor />
-      {children}
+      <div className="flex-1 min-h-0 max-h-full">{children}</div>
     </div>
   );
 }
diff --git a/src/app/[locale]/tutor/page.tsx b/src/app/[locale]/tutor/page.tsx
@@ -2,7 +2,7 @@ import type { NextPage } from 'next';
 import TutorDashboardContainer from '@/containers/Tutor/Dashboard';
 const TutorDashBoardPage: NextPage = () => {
   return (
-    <div>
+    <div className="h-full max-h-full">
       <TutorDashboardContainer />
     </div>
   );

diff --git a/src/app/[locale]/tutor/questions/[qn_id]/edit/page.tsx b/src/app/[locale]/tutor/questions/[qn_id]/edit/page.tsx
@@ -8,7 +8,7 @@ type ParamsType = {
 
 const EditPage: NextPage<ParamsType> = ({ params }: ParamsType) => {
   return (
-    <div className="grow shrink">
+    <div className="h-full max-h-full">
       {/* @ts-ignore */}
       <EditQuestionContainer {...params} />
     </div>

diff --git a/src/app/[locale]/tutor/questions/[qn_id]/page.tsx b/src/app/[locale]/tutor/questions/[qn_id]/page.tsx
@@ -8,7 +8,7 @@ type ParamsType = {
 };
 const QuestionPage: NextPage<ParamsType> = ({ params }: ParamsType) => {
   return (
-    <div>
+    <div className="h-full max-h-full">
       {/* @ts-ignore */}
       <QuestionDetailContainer {...params} />
     </div>

diff --git a/src/app/[locale]/tutor/questions/[qn_id]/submissions/[submission_id]/page.tsx b/src/app/[locale]/tutor/questions/[qn_id]/submissions/[submission_id]/page.tsx
@@ -3,7 +3,7 @@ import SubmissionDetailContainer from '@/containers/Tutor/SubmissionDetail';
 
 const SubmissionDetailPage: NextPage<ITutorSubmissionRequestParam> = ({ params }: ITutorSubmissionRequestParam) => {
   return (
-    <div className="grow shrink">
+    <div className="h-full max-h-full">
       {/* @ts-ignore */}
       <SubmissionDetailContainer {...params} />
     </div>

diff --git a/src/app/[locale]/tutor/questions/[qn_id]/submissions/page.tsx b/src/app/[locale]/tutor/questions/[qn_id]/submissions/page.tsx
@@ -8,7 +8,7 @@ type ParamsType = {
 
 const SubmissionsPage: NextPage<ParamsType> = ({ params }: ParamsType) => {
   return (
-    <div>
+    <div className="h-full max-h-full">
       {/* @ts-ignore */}
       <SubmissionsContainer {...params} />
     </div>

diff --git a/src/app/[locale]/tutor/questions/page.tsx b/src/app/[locale]/tutor/questions/page.tsx
@@ -3,7 +3,7 @@ import QuestionsContainer from '@/containers/Tutor/Questions';
 
 const QuestionsPage: NextPage = () => {
   return (
-    <div>
+    <div className="h-full max-h-full">
       {/* @ts-ignore */}
       <QuestionsContainer />
     </div>

diff --git a/src/containers/Tutor/SubmissionDetail/index.tsx b/src/containers/Tutor/SubmissionDetail/index.tsx
@@ -103,8 +103,8 @@ const SubmissionDetailContainer: React.FC<ITutorSubmissionRequest> = ({ qn_id, s
       </div>
 
       <h1>Submissions for Question {qn_id}</h1>
-      <div className="flex flex-col min-h-0 grow shrink overflow-scroll">
-        <div className="flex grow shrink">
+      <div className="flex flex-col h-screen">
+        <div className="flex flex-1 gap-5 p-3 overflow-hidden">
           <div className="flex-1 bg-white shadow rounded overflow-hidden">
             <Editor
               height="70vh"