public/index.html

@@ -7,7 +7,7 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Metronic React Demo 1" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700">
-  <title>Float-Fleet</title>
+  <title>Float Fleet</title>
   <link rel="shortcut icon" href="%PUBLIC_URL%/media/logos/favicon.ico" />
   <link rel="stylesheet" id="layout-styles-anchor" href="%PUBLIC_URL%/splash-screen.css" />
 </head>

public/splash-screen.css

@@ -42,7 +42,13 @@ body {
   color: #92929F;
 }
 
-.auth-aside{
+.auth-aside {
   border-radius: 15px;
-  box-shadow: 0 8px 8px -4px rgb(38, 42, 43);
+  box-shadow:
+  0 2.8px 2.2px rgba(179, 116, 116, 0.034),
+  0 6.7px 5.3px rgba(129, 84, 84, 0.048),
+  0 12.5px 10px rgba(124, 88, 88, 0.06),
+  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
+  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
+  0 100px 80px rgba(0, 0, 0, 0.12)
 }

src/app/modules/auth/AuthLayout.tsx

@@ -60,7 +60,7 @@ const AuthLayout = () => {
       {/* 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={{backgroundImage: `url(${toAbsoluteUrl('/media/misc/auth-bg.png')})`}}
+        style={{backgroundColor: '#f59fa7'}}
       >
         {/* begin::Content */}
         <div className='d-flex flex-column flex-center py-15 px-5 px-md-15 w-100'>
@@ -73,7 +73,7 @@ const AuthLayout = () => {
           {/* begin::Image */}
           <img
             className='mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20 auth-aside'
-            src={toAbsoluteUrl('/media/auth/float-dash.png')}
+            src={toAbsoluteUrl('/media/misc/car-dash.png')}
             alt=''
           />
           {/* end::Image */}

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

@@ -66,7 +66,7 @@ export function Login() {
       {/* begin::Heading */}
       <div className='text-center mb-11'>
         {/* <h1 className='text-dark fw-bolder mb-3'>Sign In</h1> */}
-        <img alt='Logo' src={toAbsoluteUrl('/media/logos/favicon.ico')} />
+        <img alt='Logo' src={toAbsoluteUrl('/media/logos/logo.png')} />
       </div>
       {/* begin::Heading */}