centralized login and removed image

public/index.html

@@ -36,7 +36,7 @@
 
   <div id="root"></div>
   <div id="splash-screen" class="splash-screen">
-    <img src="%PUBLIC_URL%/media/logos/default-small.svg" alt="WrenchBoard" />
+    <img src="%PUBLIC_URL%/media/logos/favicon.ico" alt="Float Users" />
     <span>Loading ...</span>
   </div>
   <div id="root-modals"></div>

src/_res/assets/sass/layout/_auth.scss

@@ -0,0 +1,4 @@
+
+.auth-height {
+	min-height: 100vh;
+}

src/_res/assets/sass/layout/_layout.scss

@@ -13,3 +13,4 @@
 @import "content";
 @import "toolbar";
 @import "page-title";
+@import "auth";

src/app/modules/auth/AuthLayout.tsx

@@ -54,9 +54,9 @@ const AuthLayout = () => {
   }, [])
 
   return (
-    <div className='d-flex flex-column flex-lg-row flex-column-fluid overflow-auto'>
+    <div className='auth-height d-flex flex-column flex-lg-row flex-column-fluid' style={{backgroundImage: `${bgColor.backgroundImage}`}}>
       {/* begin::Body */}
-      <div className='d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1 vh-100'>
+      <div className='d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1'>
         {/* begin::Form */}
         <div className='d-flex flex-center flex-column flex-lg-row-fluid'>
           <div className='text-center mb-11'>
@@ -64,7 +64,7 @@ const AuthLayout = () => {
           <img alt='Float Mobility' src={toAbsoluteUrl('/media/logos/logo.png')} className='h-35px' />
         </div>
           {/* begin::Wrapper */}
-          <div className='w-lg-500px p-10'>
+          <div className='bg-white w-lg-500px p-10 shadow-lg rounded'>
             <Outlet />
           </div>
           {/* end::Wrapper */}
@@ -99,60 +99,6 @@ const AuthLayout = () => {
       </div>
       {/* end::Body */}
 
-      {/* begin::Aside */}
-      <div
-        className='position-relative d-flex flex-lg-row-fluid w-lg-50 p-10 order-1 order-lg-2'
-        style={{backgroundImage: `${bgColor.backgroundImage}`}}
-      >
-        {/* begin::Content */}
-        <div className='position-relative d-flex flex-column flex-center px-5 px-md-15 w-100'>
-          {/* begin::Logo */}
-          <Link to='/' className='mb-12'>
-            <img alt='Float Mobility' src={toAbsoluteUrl('/media/logos/logo.png')} className='h-35px' />
-          </Link>
-          {/* end::Logo */}
-
-          {/* <img
-            className='mx-auto w-350px w-md-50 w-xl-500px mb-10 mb-lg-20 rounded'
-            src={toAbsoluteUrl('/media/misc/auth-bg-new.png')}
-            alt=''
-            style={{boxShadow: '0px 0px 10px white'}}
-          /> */}
-           <div className='mx-auto w-75 w-xl-500px mb-10 mb-lg-20 rounded'>
-            <img
-              className='img-fluid rounded'
-              src={toAbsoluteUrl('/media/misc/auth-bg-new.png')}
-              alt=''
-              style={{boxShadow: '0px 0px 10px white'}}
-              />
-          </div>
-          {/* end::Image */}
-            <div className='w-100 w-md-75'>
-              {/* begin::Title */}
-              <h1 className='text-dark fs-2qx fw-bolder text-center mb-7'>
-                Fast, Efficient and Productive
-              </h1>
-              {/* end::Title */}
-
-              {/* begin::Text */}
-              <div className='text-dark fs-base text-center'>
-                In this kind of post,{' '}
-                <a href='#' className='opacity-75-hover text-warning fw-bold me-1'>
-                  the blogger
-                </a>
-                introduces a person they’ve interviewed <br /> and provides some background information
-                about {' '}
-                <a href='#' className='opacity-75-hover text-warning fw-bold me-1'>
-                  the interviewee
-                </a>
-                and their <br /> work following this is a transcript of the interview.
-              </div>
-              {/* end::Text */}
-            </div>
-        </div>
-        {/* end::Content */}
-      </div>
-      {/* end::Aside */}
     </div>
   )
 }

src/app/modules/auth/components/Login.tsx

@@ -21,10 +21,10 @@ const loginSchema = Yup.object().shape({
 })
 
 const initialValues = {
-  email: 'admin@demo.com',
+  email: 'demo@float.sg',
-  password: 'demo',
+  password: '****',
 }
-
+//email: 'admin@demo.com',
 /*
   Formik+YUP+Typescript:
   https://jaredpalmer.com/formik/docs/tutorial#getfieldprops

src/app/modules/auth/components/Registration.tsx

@@ -309,7 +309,7 @@ export function Registration() {
           <span>
             I Accept the{' '}
             <a
-              href='https://keenthemes.com/metronic/?page=faq'
+              href='#'
               target='_blank'
               className='ms-1 link-primary'
             >