refactor: Update layout in emptyFolder and homePage components (#4623)

langflow-ai · Nov 15, 2024 · 88c0596 · 88c0596
1 parent 7c04865
commit 88c0596
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/frontend/src/pages/MainPage/pages/emptyFolder/index.tsx b/src/frontend/src/pages/MainPage/pages/emptyFolder/index.tsx
@@ -10,8 +10,8 @@ export const EmptyFolder = ({ setOpenModal }: EmptyFolderProps) => {
   const folders = useFolderStore((state) => state.folders);
 
   return (
-    <div className="m-0 h-full w-full bg-secondary p-0">
-      <div className="container absolute top-1/2 flex w-full -translate-y-1/2 flex-col items-center justify-center gap-2">
+    <div className="m-0 flex w-full justify-center">
+      <div className="absolute top-1/2 flex w-full -translate-y-1/2 flex-col items-center justify-center gap-2">
         <h3
           className="pt-5 font-chivo text-2xl font-semibold"
           data-testid="mainpage_title"

diff --git a/src/frontend/src/pages/MainPage/pages/homePage/index.tsx b/src/frontend/src/pages/MainPage/pages/homePage/index.tsx
@@ -91,7 +91,7 @@ const HomePage = ({ type }) => {
 
           {/* mt-10 to mt-8 for Datastax LF */}
           <div className="flex flex-1 flex-col justify-start px-5 pt-10">
-            <div className="flex flex-col justify-start">
+            <div className="flex h-full flex-col justify-start">
               <HeaderComponent
                 folderName={folderName}
                 flowType={flowType}