From ba39cdd2ba03a3cf0cbbfc51625dbdfdf86f6df6 Mon Sep 17 00:00:00 2001
From: dakshmehta007 <mehtadaksh85@gmail.com>
Date: Sat, 14 Sep 2024 13:59:51 +0530
Subject: [PATCH] Remove internal slidebar and adjest it with outer one

---
 client/app/profile/page.tsx | 34 +++++++++++++++++-----------------
 package-lock.json           |  6 ++++++
 2 files changed, 23 insertions(+), 17 deletions(-)
 create mode 100644 package-lock.json

diff --git a/client/app/profile/page.tsx b/client/app/profile/page.tsx
index b4f6839..c122f20 100644
--- a/client/app/profile/page.tsx
+++ b/client/app/profile/page.tsx
@@ -8,25 +8,25 @@ const ProfilePage = () => {
   const { elections, isLoading } = useOpenElection();
   if (isLoading) return <Loader />;
   return (
-    <div className="min-h-screen overflow-auto bg-white pt-20 w-full flex items-start justify-center">
-      <div className="my-2 rounded-2xl">
-        <div className=" p-2 rounded-lg md:p-4 ">
-          <div className="flex flex-col mx-6 my-1 w-full items-start justify-around lg:mx-0">
-            <p className="mt-2 text-lg font-bold tracking-tight text-gray-900 sm:text-xl">
-              Profile
-            </p>
-          </div>
-          <div
-            className="w-[90%] lg:w-[75%] flex-col space-y-6 my-3 inline-block overflow-auto items-center justify-center"
-            style={{ height: "75vh" }}
-          >
-            {elections!.map((election, key) => {
-              return <ElectionMini electionAddress={election} key={key} />;
-            })}
-          </div>
-        </div>
+    <div className="min-h-screen flex items-center justify-center bg-white pt-20 overflow-auto">
+  <div className="my-2 rounded-2xl">
+    <div className="p-2 rounded-lg md:p-4">
+      <div className="flex flex-col mx-6 my-1 w-full items-start justify-around lg:mx-0">
+        <p className="mt-2 text-lg font-bold tracking-tight text-gray-900 sm:text-xl">
+          Profile
+        </p>
+      </div>
+      <div
+        className="w-[90%] lg:w-[75%] flex-col space-y-6 my-3 inline-block items-center justify-center"
+        style={{ height: "auto" }} // Set height to auto to fit content
+      >
+        {elections!.map((election, key) => {
+          return <ElectionMini electionAddress={election} key={key} />;
+        })}
       </div>
     </div>
+  </div>
+</div>
   );
 };
 
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..adee8ce
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "Agora-Blockchain-open-source",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}