From b905216a952605921d3e1674501225eda91aec11 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 7 Sep 2023 16:16:14 +0200
Subject: [PATCH] docs: improve search button on mobile

---
 docs/components/Header.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/Header.vue b/docs/components/Header.vue
index 584de326..cfb45a8b 100644
--- a/docs/components/Header.vue
+++ b/docs/components/Header.vue
@@ -13,13 +13,13 @@
     </template>
 
     <template v-if="$route.path !== '/'" #center>
-      <UDocsSearchButton class="ml-1.5 flg:w-64 xl:w-96" />
+      <UDocsSearchButton class="ml-1.5 hidden lg:flex lg:w-64 xl:w-96" />
     </template>
 
     <template #right>
       <ColorPicker />
 
-      <UDocsSearchButton v-if="$route.path === '/'" icon-only />
+      <UDocsSearchButton :class="[$route.path !== '/' && 'lg:hidden']" icon-only />
 
       <UColorModeButton v-if="!$colorMode.forced" />