arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-02 05:08:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: disable search modal transition on mobile

Browse Source
This commit is contained in:
Benjamin Canac
2023-06-29 17:49:02 +02:00
parent db346652b8
commit a11abd6347
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/components/docs/DocsSearch.vue
View File

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