fix: carbon ads position(home page)

sdkman · Jan 31, 2024 · c2282b7 · c2282b7
1 parent c35f273
commit c2282b7
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 13 deletions.
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
@@ -72,16 +72,6 @@ pre {
   right: -.75rem !important;
 }
 
-@media (min-width: 576px) {
-  .swiper-button-prev {
-    left: -1.25rem !important;
-  }
-
-  .swiper-button-next {
-    right: -1.25rem !important;
-  }
-}
-
 .page-wrapper {
   padding-top: 80px;
   padding-bottom: 80px;
@@ -153,7 +143,7 @@ pre {
 
 .hero-section-top-img {
   width: 250px;
-  margin: 0 auto;
+  margin: 80px auto 0;
 }
 
 .hero-section-top-title {
@@ -264,3 +254,20 @@ pre {
   font-size: 14px;
   line-height: 24px;
 }
+
+/* Media queries */
+@media (min-width: 576px) {
+  .swiper-button-prev {
+    left: -1.25rem !important;
+  }
+
+  .swiper-button-next {
+    right: -1.25rem !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .hero-section-top-img {
+    margin: 0 auto;
+  }
+}
diff --git a/app/views/index.scala.html b/app/views/index.scala.html
@@ -1,6 +1,10 @@
 @(organizationContributors: Seq[Contributor], individualContributors: Seq[Contributor])(implicit request: Request[AnyContent])
 @main(title = "Home", request) {
 <div id='content'>
+    <div class="position-absolute top-0 end-0">
+        @includes.advertisement()
+    </div>
+
     <section class="home-section">
         <div class="container">
             <div class="hero-section-top">
@@ -32,8 +36,6 @@ <h1 class="hero-section-top-title">The Software Development Kit Manager</h1>
                     <code>curl -s "https://get.sdkman.io" | bash</code>
                 </p>
             </div>
-
-            @includes.advertisement()
         </div>
     </section>