Merge pull request #2287 from vishnubansaltarento/fix-banner-issue-on…

…-logout update for new banner for logout page
sunbird-cb · Jul 9, 2024 · 77efd19 · 77efd19
2 parents 22a5aeb + ca931eb
commit 77efd19
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 14 deletions.
diff --git a/src/app/routes/public/public-logout/public-logout.component.html b/src/app/routes/public/public-logout/public-logout.component.html
@@ -1,30 +1,30 @@
 <div class="main_container flex flex-row"
-  style=" background: url(assets/instances/eagle/banners/home/9/Login_background.png) no-repeat center center fixed;">
+  style="background: url(/assets/instances/eagle/banners/home/9/BG.png) center center fixed;">
   <div class="left_container flex flex-col items-center justify-center">
-    <div class="logo_box flex items-center">
+    <!-- <div class="logo_box flex items-center">
       <img src="/assets/instances/eagle/app_logos/dopt_logo.png" alt="logo" class="logo_img">
-    </div>
+    </div> -->
 
-    <div class="slideshow-container">
+    <!-- <div class="slideshow-container">
 
       <div class="mySlides">
         <img src="/assets/instances/eagle/app_logos/Hexagon.png" alt="karmayogi">
-        <!-- <img src="/assets/instances/eagle/app_logos/card3.png" alt="slide 1"> -->
+        
 
       </div>
 
-      <!-- <div class="mySlides">
-
-        <img src="/assets/instances/eagle/app_logos/Hexagon.png" alt="slide 2">
-
-      </div> -->
 
 
 
 
 
 
 
+    </div> -->
+    <div class="left_container mt-8">
+      <div class="features-image">
+        <img src="/assets/instances/eagle/banners/home/9/Sticky Notes.png" alt="What's New @ iGOT?">
+      </div>
     </div>
     <br>
 

diff --git a/src/app/routes/public/public-logout/public-logout.component.scss b/src/app/routes/public/public-logout/public-logout.component.scss
@@ -22,11 +22,23 @@
   }
 }
 
+// .left_container {
+//   padding: 5rem 6rem;
+//   box-sizing: border-box;
+//   width: 55%;
+//   height: 100vh;
+
+//   @include breakpoint-xs {
+//     display: none !important;
+//   }
+// }
 .left_container {
-  padding: 5rem 6rem;
-  box-sizing: border-box;
-  width: 55%;
-  height: 100vh;
+  flex: 1;
+      // display: flex;
+      // align-items: center;
+      // justify-content: center;
+      position: relative;
+      max-width: 100%;
 
   @include breakpoint-xs {
     display: none !important;
@@ -124,3 +136,16 @@ width:300px;
     text-decoration: underline;
     cursor: pointer;
 }
+
+.features-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.features-image img {
+  max-width: 90%;
+  // position: absolute;
+  // top: 10%;
+  // // left: 50%;
+  // transform: translate(-50%, -50%);
+}