root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: refine command dialog border and input styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/DashCommand.tsx
View File

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

5
components/ui/command.tsx
View File

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