Closes #8 Updated quiz page UI

Signed-off-by: Akash <[email protected]>
SkySingh04 · May 4, 2024 · 8f19d3e · 8f19d3e
1 parent 03af599
commit 8f19d3e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -18,7 +18,7 @@ export default function Home() {
         </Link>
 
         {/* Student Card */}
-        <Link href="/student">
+        <Link href="/quizzes">
           <div className={`card bg-gray-900 mx-6 student-card items-center justify-center lg:h-[300px] lg:w-[500px]  text-white font-semibold px-6 py-4 rounded-md cursor-pointer transition-transform duration-300 ${styles.hoverEffect}`}>
             <FaUserGraduate className="text-4xl mb-4" /> {/* Font Awesome icon */}
             <h1 className="text-2xl mb-2">Student Dashboard</h1>

diff --git a/app/student/page.tsx → app/quizzes/page.tsx b/app/student/page.tsx → app/quizzes/page.tsx
@@ -69,7 +69,7 @@ const StudentPage = () => {
   return (
     <div className="flex flex-col items-center justify-center min-h-screen">
       {/* Quiz Cards Section */}
-      <div className="mt-8 text-gray-300 text-center">
+      <div className="mt-8 text-white text-center">
         <h1 className="text-3xl font-semibold mb-6">Join the quiz challenge and unlock your potential!</h1>
         <div className="flex flex-wrap justify-center mt-4">
           {quizzes.map((quiz: any) => {
@@ -84,7 +84,7 @@ const StudentPage = () => {
             return (
               <div
                 key={quiz.data.id}
-                className={`bg-gradient-to-r from-customBlue to-customViolet font-black px-6 py-4 rounded-md m-4 cursor-pointer transform hover:scale-105 transition duration-300 ${isQuizAttempted ? 'opacity-50' : ''
+                className={`bg-gray-900 font-black px-6 py-4 rounded-md m-4 cursor-pointer transform hover:scale-105 hover:border-amber-400 border border-gray-900 transition duration-300 hoverEffect ${isQuizAttempted ? 'opacity-50' : ''
                   }`}
               >
                 {isQuizAttempted ? (