feat: larger search box

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
SMS-COSMO · Jul 20, 2024 · 85f6e1f · 85f6e1f
1 parent d45f96a
commit 85f6e1f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/search.vue b/components/search.vue
@@ -1,22 +1,22 @@
 <template>
   <Button variant="outline" class="md:w-48 justify-start gap-2" @click="open = !open">
     <Icon name="lucide:search" />
-    <span class="hidden md:block">
+    <span class="hidden md:block text-muted-foreground">
       搜索...
     </span>
   </Button>
 
   <Dialog v-model:open="open">
-    <DialogContent class="p-0">
+    <DialogContent class="p-0 max-w-2xl">
       <VisuallyHidden as-child>
         <DialogTitle />
       </VisuallyHidden>
       <VisuallyHidden as-child>
         <DialogDescription aria-describedby="undefined" />
       </VisuallyHidden>
-      <Command v-model:search-term="input" class="h-svh sm:h-[350px]">
+      <Command v-model:search-term="input" class="h-svh sm:h-[450px]">
         <CommandInput placeholder="搜索指南..." />
-        <CommandList>
+        <CommandList class="max-h-full">
           <template v-for="post in processedListData" :key="post.id">
             <CardHeader>
               <CardTitle class="text-lg">