yangdx commited on
Commit
6ff0c6b
·
1 Parent(s): 6672d48

Added dark mode styles for node property buttons

Browse files
lightrag_webui/src/components/graph/PropertiesView.tsx CHANGED
@@ -218,20 +218,20 @@ const NodePropertiesView = ({ node }: { node: NodeType }) => {
218
  <Button
219
  size="icon"
220
  variant="ghost"
221
- className="h-7 w-7 border border-gray-400 hover:bg-gray-200"
222
  onClick={handleExpandNode}
223
  tooltip={t('graphPanel.propertiesView.node.expandNode')}
224
  >
225
- <GitBranchPlus className="h-4 w-4 text-gray-700" />
226
  </Button>
227
  <Button
228
  size="icon"
229
  variant="ghost"
230
- className="h-7 w-7 border border-gray-400 hover:bg-gray-200"
231
  onClick={handlePruneNode}
232
  tooltip={t('graphPanel.propertiesView.node.pruneNode')}
233
  >
234
- <Scissors className="h-4 w-4 text-gray-900" />
235
  </Button>
236
  </div>
237
  </div>
 
218
  <Button
219
  size="icon"
220
  variant="ghost"
221
+ className="h-7 w-7 border border-gray-400 hover:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
222
  onClick={handleExpandNode}
223
  tooltip={t('graphPanel.propertiesView.node.expandNode')}
224
  >
225
+ <GitBranchPlus className="h-4 w-4 text-gray-700 dark:text-gray-300" />
226
  </Button>
227
  <Button
228
  size="icon"
229
  variant="ghost"
230
+ className="h-7 w-7 border border-gray-400 hover:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
231
  onClick={handlePruneNode}
232
  tooltip={t('graphPanel.propertiesView.node.pruneNode')}
233
  >
234
+ <Scissors className="h-4 w-4 text-gray-900 dark:text-gray-300" />
235
  </Button>
236
  </div>
237
  </div>