style: refine command dialog border and input styling

This commit is contained in:
hamster1963 2025-01-28 16:06:17 +08:00
parent c4196eec83
commit ac23b6a77e
2 changed files with 2 additions and 5 deletions

View File

@ -90,7 +90,7 @@ export function DashCommand() {
<>
<CommandDialog open={open} onOpenChange={setOpen}>
<CommandInput placeholder={t("TypeCommand")} value={search} onValueChange={setSearch} />
<CommandList>
<CommandList className="border-t">
<CommandEmpty>{t("NoResults")}</CommandEmpty>
<CommandGroup heading={t("Servers")}>
{sortedServers.map((server) => (

View File

@ -40,10 +40,7 @@ const CommandInput = React.forwardRef<
React.ElementRef<typeof CommandPrimitive.Input>,
React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
>(({ className, ...props }, ref) => (
<div
className="flex items-center border-b bg-stone-100 dark:bg-stone-900 px-3"
cmdk-input-wrapper=""
>
<div className="flex items-center bg-stone-100 dark:bg-stone-900 px-3" cmdk-input-wrapper="">
<Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
<CommandPrimitive.Input
ref={ref}