From a11abd63472147e9957f90abc613b3950806d885 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 29 Jun 2023 17:49:02 +0200
Subject: [PATCH] docs: disable search modal transition on mobile

---
 docs/components/docs/DocsSearch.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/components/docs/DocsSearch.vue b/docs/components/docs/DocsSearch.vue
index aa82cd29..6a31ffd4 100644
--- a/docs/components/docs/DocsSearch.vue
+++ b/docs/components/docs/DocsSearch.vue
@@ -1,6 +1,8 @@
 <template>
   <UModal
     v-model="isSearchModalOpen"
+    :overlay="!isXs"
+    :transition="!isXs"
     :ui="{
       padding: 'sm:p-4',
       rounded: 'sm:rounded-lg',
@@ -33,6 +35,9 @@ const navigation: Ref<NavItem[]> = inject('navigation')
 const router = useRouter()
 const { usingInput } = useShortcuts()
 const { isSearchModalOpen } = useDocs()
+const breakpoints = useBreakpoints({ mobile: 640 })
+
+const isXs = breakpoints.smaller('mobile')
 
 const commandPaletteRef = ref<HTMLElement & { query: Ref<string>, results: { item: Command }[] }>()