Make search results responsive to width

nasa · Jan 17, 2024 · 7128f22 · 7128f22
1 parent 8ed13f9
commit 7128f22
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/ui/layout/search/search.scss b/src/ui/layout/search/search.scss
@@ -40,6 +40,10 @@
     min-width: 500px;
     max-height: 500px;
     z-index: 60;
+    body.mobile & {
+      min-width: 90vw;
+      max-height: 90vh;
+    }
   }
 
   &__results,
@@ -72,6 +76,10 @@
       margin-top: $interiorMargin;
     }
   }
+
+  body.mobile & {
+    width: auto;
+  }
 }
 
 .c-gsearch-result {
@@ -141,4 +149,5 @@
   .c-tag {
     font-size: 0.9em;
   }
+
 }