Fixing login, fixing popup about screen width

hoangviet1993 · Feb 18, 2020 · c822e65 · c822e65
1 parent beae1d4
commit c822e65
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 2 deletions.
diff --git a/src/pages/Landing/_Landing.scss b/src/pages/Landing/_Landing.scss
@@ -76,6 +76,10 @@
         font-size: 36px;
         padding-top: 8px;
       }
+      @media screen and (max-width: 400px) {
+        font-size: 34px;
+        max-width: 360px;
+      }
       span {
         background: rgba(#4f5867, 0);
       }
@@ -152,6 +156,12 @@
           }
         }
       }
+      @media screen and (max-width: 400px) {
+        top: 560px;
+        button {
+          transform: translateX(-12px);
+        }
+      }
     }
   }
 }
@@ -297,6 +307,7 @@
     .clicked-country-header {
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
+      min-height: 42px;
     }
   }
   #landing-search-container {
@@ -416,6 +427,13 @@
         }
       }
     }
+    @media screen and (max-width: 450px) {
+      .place-review-card-container {
+        .pr-card-content .place-review-card .pr-input-title {
+          font-size: 14px;
+        }
+      }
+    }
   }
   @media screen and (max-width: 1000px) {
     position: relative;
@@ -494,7 +512,7 @@
           width: 240px;
         }
         .feedback-ratings {
-          svg:nth-child(n+2) {
+          svg:nth-child(n + 2) {
             display: none;
           }
         }
@@ -556,6 +574,7 @@
       flex-direction: column;
       justify-content: space-around;
       align-items: center;
+      text-align: center;
     }
   }
   svg {
@@ -633,3 +652,14 @@
     transform: translateY(-15px);
   }
 }
+
+.swal2-container {
+  max-width: 100%;
+  z-index: 9999;
+  @media screen and (max-width: 500px) {
+    max-width: 480px;
+  }
+  @media screen and (max-width: 400px) {
+    max-width: 380px;
+  }
+}
diff --git a/src/pages/Landing/subcomponents/_LandingForm.scss b/src/pages/Landing/subcomponents/_LandingForm.scss
@@ -6,7 +6,11 @@
   z-index: 10;
   @media (max-width: 1100px) {
     left: 50%;
-  }
+  }  
+  @media (max-width: 1000px) {
+    top: 106px;
+    left: calc(50% - 162px);
+   }
   .close-icon-container {
     cursor: pointer;
     .close-window-icon {