agrilink_vocpro/src/app/pages/auth/auth.component.html

@@ -1,7 +1,7 @@
 <div class="container-fluid ps-md-0">
   <div class="row g-0">
-    <div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"></div>
-    <div class="col-md-8 col-lg-6">
+    <div class="d-none d-md-flex col-md-3 col-lg-6 bg-image"></div>
+    <div class="col-md-9 col-lg-6">
       <div class="login d-flex align-items-center py-5">
         <div class="container">
           <div class="row">

agrilink_vocpro/src/app/pages/auth/auth.component.scss

@@ -7,7 +7,7 @@
 }
 
 .bg-image {
-    background-image: url('../../../assets/images/bg-auth.jpg');
+    background-image: url('../../../assets/images/bg-auth.jpg');    
     background-size: cover;
     background-position: right;
     height: 100vh;
@@ -70,7 +70,6 @@
     font-size: 0.85rem;
     color: #636363;
     padding: 15px 0;
-    background-color: #f8f9fa; 
 }
 
 .container{

agrilink_vocpro/src/app/pages/dashboard/layouts/sidebar/sidebar.component.html

@@ -20,7 +20,7 @@
 
     <div class="dropdown pb-4">
     <a href="#" class="d-flex align-items-center text-white text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">
-        <img [src]="avatar || 'https://github.com/mdo.png'" alt="User Avatar" width="30" height="30" class="rounded-circle"> <!-- Use avatar or a default image -->
+        <img [src]="avatar || 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_1280.png'" alt="User Avatar" width="30" height="30" class="rounded-circle"> <!-- Use avatar or a default image -->
         <span class="d-none d-sm-inline mx-1">{{ fullName }}</span>
     </a>
     <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">

agrilink_vocpro/src/app/pages/register/register.component.scss

@@ -9,7 +9,9 @@
 .bg-image {
     background-image: url('../../../assets/images/bg-auth.jpg');
     background-size: cover;
-    background-position: left;
+    background-position: right;
+    height: 100vh;
+    border-radius: 0px 10px 10px 0px;
 }
 
 .login-heading {
@@ -55,9 +57,4 @@
     font-size: 0.85rem;
     color: #636363;
     padding: 15px 0;
-    background-color: #f8f9fa; 
-}
-
-.container{
-    padding-top: 50px;
 }