🐛 fix(select-custom.tsx): add left padding to SelectItem component to align text properly

🐛 fix(nodeToolbarComponent/index.tsx): change "Advanced" text to "Edit" in NodeToolbarComponent for better clarity
This commit is contained in:
Cristhian Zanforlin Lousa 2023-08-10 15:02:15 -03:00
commit 2ea814fd64
2 changed files with 3 additions and 3 deletions

View file

@ -80,7 +80,7 @@ const SelectItem = React.forwardRef<
<SelectPrimitive.Item <SelectPrimitive.Item
ref={ref} ref={ref}
className={cn( className={cn(
"relative flex w-full cursor-pointer select-none items-center justify-center rounded-sm py-1.5 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "relative flex w-full cursor-pointer select-none items-center pl-3 rounded-sm py-1.5 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
className className
)} )}
{...props} {...props}

View file

@ -110,7 +110,7 @@ export default function NodeToolbarComponent({ data, setData, deleteNode }) {
</ShadTooltip> </ShadTooltip>
<Select onValueChange={handleSelectChange} value={selectedValue}> <Select onValueChange={handleSelectChange} value={selectedValue}>
<ShadTooltip content="More" side="top"> <ShadTooltip content="More" side="top" >
<SelectTrigger> <SelectTrigger>
<div> <div>
<div <div
@ -136,7 +136,7 @@ export default function NodeToolbarComponent({ data, setData, deleteNode }) {
name="Settings2" name="Settings2"
className="relative top-0.5 mr-2 h-4 w-4" className="relative top-0.5 mr-2 h-4 w-4"
/>{" "} />{" "}
Advanced{" "} Edit{" "}
</div>{" "} </div>{" "}
</SelectItem> </SelectItem>
</SelectContent> </SelectContent>