mirror of
https://github.com/temetro/temetro.git
synced 2026-07-26 11:58:14 +00:00
frontend: space command item icons from their labels
CommandItem rendered the icon flush against the label. Add a gap (and normalize icon sizing) so the two no longer touch. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -212,7 +212,10 @@ export function CommandItem({
|
||||
}: React.ComponentProps<typeof AutocompleteItem>): React.ReactElement {
|
||||
return (
|
||||
<AutocompleteItem
|
||||
className={cn("py-1.5", className)}
|
||||
className={cn(
|
||||
"gap-2 py-1.5 [&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0",
|
||||
className,
|
||||
)}
|
||||
data-slot="command-item"
|
||||
{...props}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user