🐛 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
ref={ref}
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
)}
{...props}

View file

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