From a90724516b33811483672c848af49e7b0290de5f Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 11 Jul 2024 13:18:06 +0530
Subject: [PATCH] chore: auth screen layout padding (#5087)

---
 space/core/components/views/auth.tsx      | 2 +-
 web/app/accounts/forgot-password/page.tsx | 2 +-
 web/app/accounts/reset-password/page.tsx  | 2 +-
 web/app/accounts/set-password/page.tsx    | 2 +-
 web/app/page.tsx                          | 2 +-
 web/app/sign-up/page.tsx                  | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/space/core/components/views/auth.tsx b/space/core/components/views/auth.tsx
index fb68d8fba..2c5a8a2f4 100644
--- a/space/core/components/views/auth.tsx
+++ b/space/core/components/views/auth.tsx
@@ -30,7 +30,7 @@ export const AuthView = observer(() => {
         />
       </div>
       <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-        <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+        <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
           <div className="flex items-center gap-x-2 py-10">
             <Link href={`${SPACE_BASE_PATH}/`} className="h-[30px] w-[133px]">
               <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/forgot-password/page.tsx b/web/app/accounts/forgot-password/page.tsx
index 0e203a1f8..3e86e8eff 100644
--- a/web/app/accounts/forgot-password/page.tsx
+++ b/web/app/accounts/forgot-password/page.tsx
@@ -104,7 +104,7 @@ export default function ForgotPasswordPage() {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/reset-password/page.tsx b/web/app/accounts/reset-password/page.tsx
index 43f001abe..4d5303b98 100644
--- a/web/app/accounts/reset-password/page.tsx
+++ b/web/app/accounts/reset-password/page.tsx
@@ -116,7 +116,7 @@ export default function ResetPasswordPage() {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/set-password/page.tsx b/web/app/accounts/set-password/page.tsx
index e74b506e6..df1b5d567 100644
--- a/web/app/accounts/set-password/page.tsx
+++ b/web/app/accounts/set-password/page.tsx
@@ -118,7 +118,7 @@ const SetPasswordPage = observer(() => {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/page.tsx b/web/app/page.tsx
index 4982f4082..63ef855ca 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -46,7 +46,7 @@ const HomePage = observer(() => {
               />
             </div>
             <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-              <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+              <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
                 <div className="flex items-center gap-x-2 py-10">
                   <Link href={`/`} className="h-[30px] w-[133px]">
                     <Image src={logo} alt="Plane logo" />
diff --git a/web/app/sign-up/page.tsx b/web/app/sign-up/page.tsx
index 8bd2e8799..f08ccbae7 100644
--- a/web/app/sign-up/page.tsx
+++ b/web/app/sign-up/page.tsx
@@ -41,7 +41,7 @@ const SignInPage = observer(() => {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />