Added dark mode styles for node property buttons

This commit is contained in:
yangdx
2025-03-20 11:31:36 +08:00
parent 5aa6265c48
commit 2a3fafa1cc

View File

@@ -218,20 +218,20 @@ const NodePropertiesView = ({ node }: { node: NodeType }) => {
<Button <Button
size="icon" size="icon"
variant="ghost" variant="ghost"
className="h-7 w-7 border border-gray-400 hover:bg-gray-200" className="h-7 w-7 border border-gray-400 hover:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
onClick={handleExpandNode} onClick={handleExpandNode}
tooltip={t('graphPanel.propertiesView.node.expandNode')} tooltip={t('graphPanel.propertiesView.node.expandNode')}
> >
<GitBranchPlus className="h-4 w-4 text-gray-700" /> <GitBranchPlus className="h-4 w-4 text-gray-700 dark:text-gray-300" />
</Button> </Button>
<Button <Button
size="icon" size="icon"
variant="ghost" variant="ghost"
className="h-7 w-7 border border-gray-400 hover:bg-gray-200" className="h-7 w-7 border border-gray-400 hover:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
onClick={handlePruneNode} onClick={handlePruneNode}
tooltip={t('graphPanel.propertiesView.node.pruneNode')} tooltip={t('graphPanel.propertiesView.node.pruneNode')}
> >
<Scissors className="h-4 w-4 text-gray-900" /> <Scissors className="h-4 w-4 text-gray-900 dark:text-gray-300" />
</Button> </Button>
</div> </div>
</div> </div>