mirror of
https://github.com/temetro/temetro.git
synced 2026-08-26 02:17:22 +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 {
|
}: React.ComponentProps<typeof AutocompleteItem>): React.ReactElement {
|
||||||
return (
|
return (
|
||||||
<AutocompleteItem
|
<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"
|
data-slot="command-item"
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user