feat(mobile): full height search dialog

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
ZTL-UwU · Jun 21, 2024 · 20f1f25 · 20f1f25
1 parent d166e8e
commit 20f1f25
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components.json b/components.json
@@ -13,4 +13,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}
diff --git a/components/layout/SearchDialog.vue b/components/layout/SearchDialog.vue
@@ -7,7 +7,7 @@
       <VisuallyHidden as-child>
         <UiDialogDescription aria-describedby="undefined" />
       </VisuallyHidden>
-      <UiCommand v-model:search-term="input" class="h-[350px]">
+      <UiCommand v-model:search-term="input" class="h-screen md:h-[350px]">
         <UiCommandInput
           placeholder="Search documentation..."
           @keydown.enter="handleEnter"

diff --git a/components/ui/command/CommandList.vue b/components/ui/command/CommandList.vue
@@ -1,5 +1,5 @@
 <template>
-  <ComboboxContent v-bind="forwarded" :class="cn('max-h-[300px] overflow-y-auto overflow-x-hidden', props.class)">
+  <ComboboxContent v-bind="forwarded" :class="cn('overflow-y-auto overflow-x-hidden', props.class)">
     <div role="presentation">
       <slot />
     </div>