Merge pull request #138 from Janaka-Steph/center-modal

Center modal
premAI-io · Feb 2, 2024 · e8f8556 · e8f8556
2 parents df09038 + d83c728
commit e8f8556
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/_config.yml b/_config.yml
@@ -77,7 +77,7 @@ parse:
               </svg>
             </button>
           </div>
-          <img src="https://static.premai.io/book/grant.png" alt="grant cover" />
+          <img src="https://static.premai.io/book/grant.jpg" alt="grant cover" />
           <div class="modal-text">
             <ul>
               <li>Free usage of OpenAl, Anthropic, Cohere, Llama2, and Mistral APIs for 6 months.</li>

diff --git a/_static/main.css b/_static/main.css
@@ -2,18 +2,16 @@
 
 .modal {
   display: none;
-  position: fixed;
-  left: 0;
-  top: 0;
+  align-items: center;
+  justify-content: center;
   width: 100%;
-  height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
 }
 
 .modal-content {
   display: flex;
   flex-direction: column;
-  margin: 15% auto;
+  margin: 0 auto;
   width: 42vw;
   padding: 80px 40px;
   background-color: rgba(20, 20, 20, 1);

diff --git a/_static/main.js b/_static/main.js
@@ -30,6 +30,6 @@ document.addEventListener('DOMContentLoaded', function() {
   let modal = document.getElementById('grant-modal');
   let grantModal = getCookie("grant-modal");
   if (grantModal === false || grantModal === "" || grantModal === null) {
-    modal.style.display = 'block';
+    modal.style.display = 'flex';
   }
 });