fix: polish remote tooltip and device status

This commit is contained in:
Esdras Renan 2025-11-18 21:29:56 -03:00
parent 4f8dad2255
commit b83c37d51f
2 changed files with 20 additions and 21 deletions

View file

@ -1338,15 +1338,21 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
</span>
</Button>
</TooltipTrigger>
<TooltipContent className="max-w-xs space-y-1 text-left">
<p className="text-sm font-semibold text-neutral-900">Acesso remoto</p>
<TooltipContent className="max-w-xs space-y-1 rounded-xl border border-sidebar-ring/20 bg-sidebar-accent/90 px-3 py-2 text-left text-xs text-white shadow-lg backdrop-blur">
<p className="text-sm font-semibold text-white">Acesso remoto</p>
{remoteShortcutHostname ? (
<p className="text-xs text-neutral-500">Host: {remoteShortcutHostname}</p>
<p className="text-xs text-white/90">
<span className="font-semibold text-white">Host:</span> {remoteShortcutHostname}
</p>
) : null}
{remoteShortcutAccess?.identifier ? (
<p className="text-xs text-neutral-500">ID RustDesk: {remoteShortcutAccess.identifier}</p>
<p className="text-xs text-white/90">
<span className="font-semibold text-white">ID RustDesk:</span> {remoteShortcutAccess.identifier}
</p>
) : null}
<p className="text-xs text-neutral-500">Status: {remoteShortcutStatusLabel}</p>
<p className="text-xs text-white/90">
<span className="font-semibold text-white">Status:</span> {remoteShortcutStatusLabel}
</p>
</TooltipContent>
</Tooltip>
) : null}