fix(design): tablet responsive

algolia · Apr 4, 2020 · a97199a · a97199a
1 parent 6eca639
commit a97199a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/style.css b/src/style.css
@@ -538,7 +538,7 @@ html[data-theme='dark'] {
 @media (max-width: 750px) {
   :root {
     /* quickfix https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser */
-    --docsearch-modal-height: calc(100vh - 110px);
+    --docsearch-modal-height: 100vh;
     --docsearch-spacing: 10px;
     --docsearch-footer-height: 40px;
   }
@@ -549,7 +549,9 @@ html[data-theme='dark'] {
   .DocSearch-Modal {
     border-radius: 0;
     box-shadow: none;
-    margin: 0 auto;
+    margin: 0;
+    width: 100%;
+    max-width: 100%;
   }
   .DocSearch-Cancel {
     display: inline-block;