mobile: fix search

Author: ArthurFlag

layouts/partials/search-bar.html

@@ -1,4 +1,4 @@
-  <div
+<div
     x-ref="searchBarRef"
     x-data="{ open: false }"
     @click.outside="open = false;"
@@ -32,8 +32,11 @@
             {{ partial "utils/svg.html" "/icons/search.svg" }}
           </span>
     </div>
-    <div id="search-bar-dropdown" x-show="open" x-cloak x-ref="dropdown"
-      class="font-medium text-gray-400 dark:text-gray-200 bg-gray-50 dark:bg-gray-900 rounded-sm mt-4 border-1 border-gray-100 dark:border-gray-700 fixed z-[999] w-[500px] p-6 shadow-md"
+    <div id="search-bar-dropdown"
+      x-show="open"
+      x-cloak
+      x-ref="dropdown"
+      class="hidden sm:block font-medium text-gray-400 dark:text-gray-200 bg-gray-50 dark:bg-gray-900 rounded-sm mt-4 border-1 border-gray-100 dark:border-gray-700 fixed z-[999] w-[500px] p-6 shadow-md"
       x-effect="if (open) {
         const containerRect = document.getElementById('search-bar-container').getBoundingClientRect();
         const rect = $refs.searchBarRef.getBoundingClientRect();