From b19f745af9474e870f89e796f4c973fa0e999cbf Mon Sep 17 00:00:00 2001
From: Yogesh <yogeshsamkumar@gmail.com>
Date: Mon, 14 Oct 2024 22:04:49 -0400
Subject: [PATCH] added scroll

---
 app/(pre-dashboard)/leaderboard/page.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/(pre-dashboard)/leaderboard/page.tsx b/app/(pre-dashboard)/leaderboard/page.tsx
index 17e7440..d6c7aa6 100644
--- a/app/(pre-dashboard)/leaderboard/page.tsx
+++ b/app/(pre-dashboard)/leaderboard/page.tsx
@@ -77,6 +77,7 @@ const Leaderboard = () => {
   return (
     <main className={`flex h-[100vh] w-[100vw] flex-col items-center justify-center overflow-hidden md:flex ${fuzzy.className}`}>
       <div className="z-10 flex justify-center text-blue-100">
+      <div className="h-[60vh] w-[90vw] overflow-y-auto">
         <table className="w-[90vw] border-separate rounded-3xl bg-gradient-to-b from-offblack-100 to-[#453148]   [border-spacing:1.00rem]">
           <thead className="rounded-3xl ring-1 ring-pink-100 sm:ring-4">
             <tr className="text-lg sm:text-2xl md:text-3xl lg:text-4xl ">
@@ -85,11 +86,12 @@ const Leaderboard = () => {
               <th className="w-[20%] text-center font-extrabold">Points</th>
             </tr>
           </thead>
-          <tbody className="rounded-3xl ring-1 ring-pink-100 sm:ring-4 ">
+          <tbody className="rounded-3xl ring-1 ring-pink-100 sm:ring-4">
             {leaderboard.map((Leaderboard, index) => {
               console.log(Leaderboard);
               if (Leaderboard.id === 'Loading...') {
                 return (
+                  
                   <tr
                     key={index}
                     className=" lx:text-5xl text-xs  sm:text-lg md:text-2xl lg:text-4xl"
@@ -128,6 +130,7 @@ const Leaderboard = () => {
             })}
           </tbody>
         </table>
+        </div>
       </div>
     </main>
   );