From e51c151b90025925b444ae054b9576a3b7854fbb Mon Sep 17 00:00:00 2001
From: samlhuillier <sam.jansa123@gmail.com>
Date: Mon, 11 Nov 2024 22:09:04 +0000
Subject: [PATCH] fix empty

---
 src/components/Common/EmptyPage.tsx | 44 +++++++++++++++--------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/components/Common/EmptyPage.tsx b/src/components/Common/EmptyPage.tsx
index 0ba0bc17..c2ee86e6 100644
--- a/src/components/Common/EmptyPage.tsx
+++ b/src/components/Common/EmptyPage.tsx
@@ -8,27 +8,29 @@ const EmptyPage: React.FC = () => {
   const { createUntitledNote } = useContentContext()
 
   return (
-    <div className="absolute flex size-full flex-col items-center justify-center overflow-hidden pb-40 text-white">
-      <div className="opacity-10">
-        <ImFileEmpty size={168} />
-      </div>
-      <h3 className="mb-0 opacity-90">No File Selected!</h3>
-      <p className="mt-1 opacity-70">Open a file to begin using Reor!</p>
-      <div className="m-0 flex max-w-md flex-col gap-2">
-        <button
-          className="cursor-pointer border-0 bg-transparent pb-1 pr-0 text-left text-2lg text-blue-500"
-          onClick={() => createUntitledNote()}
-          type="button"
-        >
-          Create a File
-        </button>
-        <button
-          className="cursor-pointer border-0 bg-transparent pb-1 pr-0 text-left text-2lg text-blue-500"
-          onClick={() => setIsNewDirectoryModalOpen(true)}
-          type="button"
-        >
-          Create a Folder
-        </button>
+    <div className="flex size-full flex-col items-center justify-center text-white">
+      <div className="flex flex-col items-center">
+        <div className="opacity-10">
+          <ImFileEmpty size={168} />
+        </div>
+        <h3 className="mb-0 opacity-90">No File Selected!</h3>
+        <p className="mt-1 opacity-70">Open a file and get back to work!</p>
+        <div className="mt-2 flex flex-col gap-2">
+          <button
+            className="cursor-pointer border-0 bg-transparent pb-1 pr-0 text-left text-2lg text-blue-500"
+            onClick={() => createUntitledNote()}
+            type="button"
+          >
+            Create a File
+          </button>
+          <button
+            className="cursor-pointer border-0 bg-transparent pb-1 pr-0 text-left text-2lg text-blue-500"
+            onClick={() => setIsNewDirectoryModalOpen(true)}
+            type="button"
+          >
+            Create a Folder
+          </button>
+        </div>
       </div>
     </div>
   )