mobile search styling tweaks

2022-11-29 19:13:35 -08:00 · 2022-11-29 19:13:35 -08:00 · b5e387cb82
parent 3b0d117e89
commit b5e387cb82
1 changed files with 6 additions and 2 deletions
--- a/src/theme/search.css
+++ b/src/theme/search.css
@ -160,8 +160,12 @@ svg[aria-label="Algolia"] * {
  /* Mobile modal styling */
  .DocSearch-Container, .DocSearch-Modal {
    position: fixed;
-    inset: 1rem 1.875rem;
-    max-width: calc(100vw - 3.75rem);
+    inset: 1rem;
+    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
+  }
+
+  .DocSearch-Cancel {
+    color: var(--chakra-colors-primary);
  }  
 }