added cover bg image

src/app/modules/auth/AuthLayout.tsx

@@ -17,13 +17,13 @@ const AuthLayout = () => {
   }, [])
 
   return (
-    <div className='d-flex flex-column flex-lg-row flex-column-fluid h-100'>
+    <div className='d-flex flex-column flex-lg-row flex-column-fluid vh-100 overflow-auto' style={{backgroundImage: `url(${toAbsoluteUrl('/media/misc/float-sample.jpg')})`, backgroundSize: 'cover', backgroundPosition: 'center'}}>
       {/* begin::Body */}
       <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'>
           {/* begin::Wrapper */}
-          <div className='w-lg-500px p-10'>
+          <div className='w-lg-500px p-10 bg-white rounded'>
             <Outlet />
           </div>
           {/* end::Wrapper */}
@@ -35,19 +35,19 @@ const AuthLayout = () => {
           {/* begin::Links */}
           <div className='d-flex fw-semibold text-primary fs-base'>
 
-            <a href='http://float-www.dev.chiefsoft.net' className='px-5' target='_blank'>
+            <a href='http://float-www.dev.chiefsoft.net' className='px-5 text-white fw-bolder' target='_blank'>
               Home
             </a>
 
-            <a href={process.env.REACT_APP_TERMS_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_TERMS_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               Terms
             </a>
 
-            <a href={process.env.REACT_APP_CONTACT_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_CONTACT_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               Contact Us
             </a>
 
-            <a href={process.env.REACT_APP_ABOUT_LINK} className='px-5' target='_blank'>
+            <a href={process.env.REACT_APP_ABOUT_LINK} className='px-5 text-white fw-bolder' target='_blank'>
               About Us
             </a>
           </div>
@@ -57,51 +57,7 @@ const AuthLayout = () => {
       </div>
       {/* end::Body */}
 
-      {/* begin::Aside */}
-      <div
-        className='d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2'
-        style={{backgroundColor: '#f59fa7'}}
-      >
-        {/* begin::Content */}
-        <div className='d-flex flex-column flex-center py-15 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 */}
 
-          {/* begin::Image */}
-          <img
-            className='mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20 auth-aside'
-            src={toAbsoluteUrl('/media/misc/car-dash.png')}
-            alt=''
-          />
-          {/* end::Image */}
-
-          {/* begin::Title */}
-          <h1 className='text-white fs-2qx fw-bolder text-center mb-7'>
-            Fast, Efficient and Productive
-          </h1>
-          {/* end::Title */}
-
-          {/* begin::Text */}
-          <div className='text-white 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>
-        {/* end::Content */}
-      </div>
-      {/* end::Aside */}
     </div>
   )
 }

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

@@ -23,7 +23,7 @@ const loginSchema = Yup.object().shape({
 
 const initialValues = {
   email: 'johndoe@email.com',
-  password: 'demo',
+  password: '****',
 }
 
 /*