update

tchartron · Nov 23, 2021 · 5cc86da · 5cc86da
1 parent 6c16ff7
commit 5cc86da
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/js/search.js b/src/js/search.js
@@ -92,7 +92,7 @@ function toggleSearchModal () {
 
 function formatResultItem(search_result) {
   console.log(search_result)
-  let formatted_result = `<li class="flex hover:bg-gray-200 dark:hover:bg-gray-600 text-black dark:text-gray-200 p-2 rounded-lg border border-black dark:border-gray-200 bg-gray-200 dark:bg-gray-500 rounded-lg hover:shadow-xl">
+  let formatted_result = `<li class="flex hover:bg-gray-200 dark:hover:bg-gray-600 text-black dark:text-gray-200 p-2 rounded-lg border border-black dark:border-gray-200 bg-gray-200 dark:bg-gray-500 rounded-lg hover:shadow-xl mb-2">
   <a href="${search_result.doc.path}">
   <span class="text-xl text-bold">${search_result.doc.title}</span>
   <span class="text-lg">${search_result.doc.description}</span>

diff --git a/static/css/main.css b/static/css/main.css
diff --git a/static/js/search.js b/static/js/search.js
diff --git a/templates/layout.html b/templates/layout.html
@@ -137,7 +137,7 @@
                 <input id="search-input" class="rounded-xl border border-black h-12 text-bold text-2xl pl-2 text-black dark:text-gray-200 bg-gray-700" type="text">
                 <!-- Search results -->
                 <div id="search-results">
-                  <ul id="results-list" class="flex flex-col gap-y-2 justify-center max-h-2xl mt-2"></ul>
+                  <ul id="results-list" class="flex flex-col gap-y-2 justify-center max-h-2xl mt-2 overflow-scroll"></ul>
                 <!--Footer-->
                 <!-- <div class="flex justify-end pt-2">
                   <button class="px-4 bg-transparent p-3 rounded-lg text-indigo-500 hover:bg-gray-100 hover:text-indigo-400 mr-2">Action</button>