From 1d977fdde3f4255db4165fbff9fcd408116a0421 Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Fri, 29 Mar 2024 00:51:50 +0800
Subject: [PATCH] Adjust interface styling and headings in auth package

In this commit, the styling configuration within the auth layout file is updated to improve user interface appearance and functionality. Also, the heading level has been adjusted in the SignIn, SignUp, and PasswordReset pages for better hierarchy and readability.
---
 apps/web/app/auth/password-reset/page.tsx             | 2 +-
 apps/web/app/auth/sign-in/page.tsx                    | 2 +-
 apps/web/app/auth/sign-up/page.tsx                    | 2 +-
 packages/features/auth/src/components/auth-layout.tsx | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/app/auth/password-reset/page.tsx b/apps/web/app/auth/password-reset/page.tsx
index 4afe49f20..7be4b0e66 100644
--- a/apps/web/app/auth/password-reset/page.tsx
+++ b/apps/web/app/auth/password-reset/page.tsx
@@ -22,7 +22,7 @@ function PasswordResetPage() {
 
   return (
     <>
-      <Heading level={5}>
+      <Heading level={4}>
         <Trans i18nKey={'auth:passwordResetLabel'} />
       </Heading>
 
diff --git a/apps/web/app/auth/sign-in/page.tsx b/apps/web/app/auth/sign-in/page.tsx
index d9ca9b2e5..587eb8178 100644
--- a/apps/web/app/auth/sign-in/page.tsx
+++ b/apps/web/app/auth/sign-in/page.tsx
@@ -26,7 +26,7 @@ const paths = {
 function SignInPage() {
   return (
     <>
-      <Heading level={5}>
+      <Heading level={4}>
         <Trans i18nKey={'auth:signInHeading'} />
       </Heading>
 
diff --git a/apps/web/app/auth/sign-up/page.tsx b/apps/web/app/auth/sign-up/page.tsx
index e42570e14..fc23888cb 100644
--- a/apps/web/app/auth/sign-up/page.tsx
+++ b/apps/web/app/auth/sign-up/page.tsx
@@ -29,7 +29,7 @@ function SignUpPage({ searchParams }: Props) {
 
   return (
     <>
-      <Heading level={5}>
+      <Heading level={4}>
         <Trans i18nKey={'auth:signUpHeading'} />
       </Heading>
 
diff --git a/packages/features/auth/src/components/auth-layout.tsx b/packages/features/auth/src/components/auth-layout.tsx
index e39e1e385..76fda2080 100644
--- a/packages/features/auth/src/components/auth-layout.tsx
+++ b/packages/features/auth/src/components/auth-layout.tsx
@@ -7,15 +7,15 @@ export function AuthLayoutShell({
   return (
     <div
       className={
-        'flex h-screen flex-col items-center justify-center space-y-4' +
-        ' dark:lg:bg-background md:space-y-8 lg:space-y-12 lg:bg-gray-50' +
+        'flex h-screen flex-col items-center justify-center' +
+        ' dark:lg:bg-background space-y-8 lg:space-y-12 lg:bg-gray-50' +
         ' animate-in fade-in slide-in-from-top-8 zoom-in-95 duration-1000'
       }
     >
       {Logo && <Logo />}
 
       <div
-        className={`bg-background dark:border-border flex w-full max-w-sm flex-col items-center space-y-4 rounded-lg border-transparent md:w-8/12 md:border md:px-8 md:py-6 md:shadow lg:w-5/12 lg:px-6 xl:w-4/12 2xl:w-3/12`}
+        className={`bg-background dark:border-border flex w-full max-w-sm flex-col items-center space-y-5 rounded-lg border-transparent md:w-8/12 md:border md:px-8 md:py-6 md:shadow lg:w-5/12 lg:px-6 xl:w-4/12 xl:py-8 2xl:w-3/12`}
       >
         {children}
       </div>