fix: mobile layout changes for mobile

tarkalabs · Aug 5, 2024 · 63369d4 · 63369d4
1 parent abdf318
commit 63369d4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -350,6 +350,7 @@ button.hero.icon:after {
   justify-content: center;
   align-items: center;
   background-color: #0000005c;
+  overflow: auto;
 }
 
 .contact-us > div {
@@ -585,13 +586,20 @@ textarea {
   .contact-us > div {
     width: auto;
     margin: 10px;
+    padding: 20px;
   }
 
   .contact-us .close {
     top: 24px;
     right: 26px;
   }
 
+  .contact-us input,
+  textarea {
+    padding: 10px;
+    margin: 5px 0px 15px 0px;
+  }
+
   .footer {
     margin-top: 80px;
   }

diff --git a/assets/js/main.js b/assets/js/main.js
@@ -49,6 +49,7 @@ function submitForm() {
     noteElem.textContent = "Please fill all fields marked *";
   } else {
     button.disabled = true;
+    noteElem.textContent = "";
     button.textContent = "Processing...";
     fetch(formSubmitUrl, {
       method: "POST",
@@ -58,7 +59,7 @@ function submitForm() {
         button.textContent = "Thank you! We will reach out to you soon";
         setTimeout(() => {
           showContactUs(false);
-        }, 2000);
+        }, 3000);
       })
       .catch(function (err) {
         button.textContent = "☹";