fix: correct closing of command palette

unxsist · Dec 27, 2023 · 3f1d2d2 · 3f1d2d2
1 parent d596bc2
commit 3f1d2d2
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/src/components/AuthCheck.vue b/src/components/AuthCheck.vue
@@ -13,7 +13,6 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { ScrollArea } from "@/components/ui/scroll-area";
 
 const checking = ref(true);
 const success = ref(false);

diff --git a/src/components/CommandPalette.vue b/src/components/CommandPalette.vue
@@ -71,7 +71,7 @@ const executeCommand = (command: Command) => {
     class="fixed w-full h-full py-10 backdrop-blur-xxs"
     @click.self="closeCommandPalette"
   >
-    <CommandDialog :open="open">
+    <CommandDialog :open="open" @update:open="open = false">
       <CommandInput placeholder="Type a command or search..." />
       <CommandList>
         <CommandEmpty>No results found.</CommandEmpty>

diff --git a/src/components/ui/dialog/DialogContent.vue b/src/components/ui/dialog/DialogContent.vue
@@ -34,7 +34,7 @@ const emitsAsProps = useEmitAsProps(emits);
       <slot />
 
       <DialogClose
-        class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
+        class="absolute top-2.5 right-2.5 p-0.5 transition-colors rounded-md hover:bg-secondary"
       >
         <Cross2Icon class="w-4 h-4" />
         <span class="sr-only">Close</span>