From 42e299a9d9ff4defaef0550ec0d4a438d1f9c355 Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Tue, 2 Jul 2024 08:02:45 -0700
Subject: [PATCH] Add container util + ghost footer (#539)

---
 skyvern-frontend/src/routes/root/RootLayout.tsx                 | 2 +-
 skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx     | 2 +-
 skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx           | 2 +-
 .../src/routes/tasks/create/CreateNewTaskLayout.tsx             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/skyvern-frontend/src/routes/root/RootLayout.tsx b/skyvern-frontend/src/routes/root/RootLayout.tsx
index 7782c239..213e829a 100644
--- a/skyvern-frontend/src/routes/root/RootLayout.tsx
+++ b/skyvern-frontend/src/routes/root/RootLayout.tsx
@@ -42,7 +42,7 @@ function RootLayout() {
             <GitHubLogoIcon className="w-6 h-6" />
           </Link>
         </div>
-        <main className="pl-72">
+        <main className="pl-72 pb-4">
           <Outlet />
         </main>
       </div>
diff --git a/skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx b/skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx
index 055b93dc..073878f7 100644
--- a/skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx
+++ b/skyvern-frontend/src/routes/settings/SettingsPageLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from "react-router-dom";
 
 function SettingsPageLayout() {
   return (
-    <div className="max-w-6xl mx-auto px-8">
+    <div className="container mx-auto px-8">
       <main>
         <Outlet />
       </main>
diff --git a/skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx b/skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx
index 1757e4c1..3b29e307 100644
--- a/skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx
+++ b/skyvern-frontend/src/routes/tasks/TasksPageLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from "react-router-dom";
 
 function TasksPageLayout() {
   return (
-    <div className="max-w-6xl mx-auto px-8">
+    <div className="container mx-auto px-8">
       <main>
         <Outlet />
       </main>
diff --git a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskLayout.tsx b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskLayout.tsx
index 3f36bfaa..dbed516b 100644
--- a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskLayout.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from "react-router-dom";
 
 function CreateNewTaskLayout() {
   return (
-    <main className="max-w-6xl mx-auto px-8">
+    <main className="container mx-auto px-8">
       <Outlet />
     </main>
   );