|
|
@ -3,7 +3,7 @@ import { Command as CommandPrimitive } from "cmdk"; |
|
|
import { Search } from "lucide-react"; |
|
|
import { Search } from "lucide-react"; |
|
|
import * as React from "react"; |
|
|
import * as React from "react"; |
|
|
|
|
|
|
|
|
import { Dialog, DialogContent } from "@components/UI/Dialog.tsx"; |
|
|
import { Dialog, DialogContent, DialogTitle } from "@components/UI/Dialog.tsx"; |
|
|
import { cn } from "@core/utils/cn.ts"; |
|
|
import { cn } from "@core/utils/cn.ts"; |
|
|
|
|
|
|
|
|
const Command = React.forwardRef< |
|
|
const Command = React.forwardRef< |
|
|
@ -24,6 +24,7 @@ Command.displayName = CommandPrimitive.displayName; |
|
|
const CommandDialog = ({ children, ...props }: DialogProps) => { |
|
|
const CommandDialog = ({ children, ...props }: DialogProps) => { |
|
|
return ( |
|
|
return ( |
|
|
<Dialog {...props}> |
|
|
<Dialog {...props}> |
|
|
|
|
|
<DialogTitle /> |
|
|
<DialogContent className="overflow-hidden p-0 shadow-2xl [&_[dialog-overlay]]:bg-red-100"> |
|
|
<DialogContent className="overflow-hidden p-0 shadow-2xl [&_[dialog-overlay]]:bg-red-100"> |
|
|
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 [&_[cmdk-group]]:px-2 [&_[cmdk-group]_+[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"> |
|
|
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-slate-500 [&_[cmdk-group]]:px-2 [&_[cmdk-group]_+[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"> |
|
|
{children} |
|
|
{children} |
|
|
|