Change image for login

app/javascript/src/application.scss

@@ -111,9 +111,9 @@
 }
 
 .sessions-body-bg {
-  background-image: url('../../javascript/images/application/cdao-bg.png');
+  background-image: url('../../javascript/images/application/bg2.png');
   background-repeat: no-repeat;
   background-size: cover;
   overflow-x: hidden;
-  box-shadow: inset 0 0 0 2000px rgb(154 107 107 / 30%);
+  // box-shadow: inset 0 0 0 2000px rgba(251, 251, 251, 0.3);
 }

app/javascript/src/application/sessions.scss

@@ -3,8 +3,8 @@
     background: #9494946b;
     box-shadow: 10px 5px 5px #7a6346;
     border-radius: 4px;
-    width: 350px;
-    margin-top: -100px;
+    width: 380px;
+    margin-left: 40px;
 }
 
 .login-logo {
@@ -13,7 +13,7 @@
 
 .login-logo {
     .app-logo {
-        width: 370px;
-        margin-top: 30px;
+        width: 330px;
+        margin-top: 15px;
     }
 }

app/views/layouts/application.html.erb

@@ -58,10 +58,10 @@
     <%= render(SubjectsOffcanvasComponent.new(current_user: current_user, opts: { is_render: true, header_title: "Doctrines", element_id: "doctrinesOffCanvas", accordion_body_id: "doctrinesOffCanvasAccordionBody" })) %>
 
     <div class="<%= current_user.present? ? 'row flex-nowrap h-100 w-100 p-0 ms-0' : 'row h-100 justify-content-end align-items-center' %>">
-      <div class="<%= current_user.present? ? 'd-none' : 'col-sm-8 login-logo' %>">
+      <div class="<%= current_user.present? ? 'd-none' : 'col-sm-7 login-logo' %>">
         <%= image_pack_tag 'application/cdasiaonline_logo.png', class:"app-logo" %>
       </div>
-      <div class="<%= current_user.present? ? 'col py-3 main-content-body mt-5' : 'col-sm-4 login-body-box' %>">
+      <div class="<%= current_user.present? ? 'col py-3 main-content-body mt-5' : 'col-sm-5 login-body-box' %>">
         <div class="content-body">
           <%= yield %>
         </div>