add scrollability to search results in dialog

e2b-dev · Jan 12, 2025 · 7feb06a · 7feb06a
1 parent edb90a9
commit 7feb06a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/web/src/components/Search.tsx b/apps/web/src/components/Search.tsx
@@ -114,7 +114,7 @@ function useAutocomplete({ close }: { close: () => void }) {
             {
               sourceId: 'documentation',
               getItems() {
-                const results = search(query, { limit: 5 })
+                const results = search(query, { limit: 20 })
                 return results.sort((a, b) => {
                   if (a.badge === 'Legacy' && b.badge !== 'Legacy') return 1
                   if (a.badge !== 'Legacy' && b.badge === 'Legacy') return -1
@@ -325,7 +325,10 @@ function SearchResults({
   }
 
   return (
-    <ul {...autocomplete.getListProps()}>
+    <ul
+      className="max-h-[80dvh] sm:max-h-[50dvh] overflow-y-auto"
+      {...autocomplete.getListProps()}
+    >
       {collection.items.map((result, resultIndex) => (
         <SearchResult
           key={result.url}