fix: standardize all tooltips to match sidebar RowTooltip design

Wrapped every TooltipContent child in a font-mono text-xs
tabular-nums text-stat-value span so all tooltips across the app
share a consistent look. Previously some used plain text, others
used <p> elements with different fonts and sizes.
This commit is contained in:
SaelixCode
2026-07-03 14:45:48 -04:00
parent 8494e53e4c
commit 9e1d97d39e
7 changed files with 20 additions and 18 deletions
+6 -6
View File
@@ -333,7 +333,7 @@ export function NodeManager() {
<TooltipTrigger>
<Star className="w-4 h-4 text-yellow-500 fill-yellow-500" />
</TooltipTrigger>
<TooltipContent>Default Node</TooltipContent>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Default Node</span></TooltipContent>
</Tooltip>
</TooltipProvider>
)}
@@ -395,7 +395,7 @@ export function NodeManager() {
</span>
</TooltipTrigger>
<TooltipContent>
{new Date(summary.next_run_at).toLocaleString()}
<span className="font-mono text-xs tabular-nums text-stat-value">{new Date(summary.next_run_at).toLocaleString()}</span>
</TooltipContent>
</Tooltip>
</TooltipProvider>
@@ -450,7 +450,7 @@ export function NodeManager() {
<Calendar className="w-4 h-4" strokeWidth={1.5} />
</Button>
</TooltipTrigger>
<TooltipContent>View Schedules</TooltipContent>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">View Schedules</span></TooltipContent>
</Tooltip>
</TooltipProvider>
@@ -469,7 +469,7 @@ export function NodeManager() {
<Wifi className={`w-4 h-4 ${testing === node.id ? 'animate-pulse' : ''}`} />
</Button>
</TooltipTrigger>
<TooltipContent>Test Connection</TooltipContent>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Test Connection</span></TooltipContent>
</Tooltip>
</TooltipProvider>
)}
@@ -488,7 +488,7 @@ export function NodeManager() {
<Pencil className="w-4 h-4" />
</Button>
</TooltipTrigger>
<TooltipContent>Edit Node</TooltipContent>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Edit Node</span></TooltipContent>
</Tooltip>
</TooltipProvider>
)}
@@ -507,7 +507,7 @@ export function NodeManager() {
<Trash2 className="w-4 h-4" />
</Button>
</TooltipTrigger>
<TooltipContent>Delete Node</TooltipContent>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Delete Node</span></TooltipContent>
</Tooltip>
</TooltipProvider>
)}