fix: wip

Author: binaryk

docs-v3/components/SearchInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative max-w-md">
+  <div class="relative w-full max-w-md lg:max-w-md">
     <button
       @click="openSearchModal"
       class="flex items-center w-full px-3 py-2 text-left border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-colors group"
@@ -35,8 +35,6 @@ const isMac = computed(() => {
 })
 
 const openSearchModal = () => {
-  console.log('🔍 Search input button clicked')
   openModal()
-  console.log('📞 openModal() called from SearchInput')
 }
 </script>

docs-v3/components/TheHeader.vue

@@ -64,8 +64,10 @@
     </div>
 
     <!-- Mobile search -->
-    <div class="lg:hidden px-4 pb-4">
-      <SearchInput />
+    <div class="lg:hidden px-4 pb-4 bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700">
+      <div class="pt-4">
+        <SearchInput />
+      </div>
     </div>
   </header>
 </template>