fix: close button is now transparent with solid X icon
- No padding, no border, no background on button - X icon itself has text-zinc-500 color - Only hover background tint on the button
This commit is contained in:
parent
8ddca4d647
commit
fbaad2e4bb
1 changed files with 2 additions and 2 deletions
|
|
@ -251,10 +251,10 @@ export const NodeEditDialog: FC<NodeEditDialogProps> = ({
|
||||||
<span>Edit {typeLabel}</span>
|
<span>Edit {typeLabel}</span>
|
||||||
<button
|
<button
|
||||||
onClick={() => onOpenChange(false)}
|
onClick={() => onOpenChange(false)}
|
||||||
className="p-0.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-500 transition-colors"
|
className="hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors"
|
||||||
aria-label="Close"
|
aria-label="Close"
|
||||||
>
|
>
|
||||||
<XIcon className="size-4" />
|
<XIcon className="size-4 text-zinc-500" />
|
||||||
</button>
|
</button>
|
||||||
</DialogTitle>
|
</DialogTitle>
|
||||||
</DialogHeader>
|
</DialogHeader>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue