esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: polish device controls ui

Browse source
This commit is contained in:
Esdras Renan 2025-11-11 23:57:28 -03:00
parent 2872c6e73c
commit ec18133a6d
1 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/admin/devices/admin-devices-overview.tsx
View file

@ -3687,7 +3687,7 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
<Button <Button
size="sm" size="sm"
variant="outline" variant="outline"
className="gap-2 border-dashed border-amber-300 text-amber-700 hover:border-amber-400 hover:text-amber-800" className="gap-2 border-dashed border-amber-300 text-amber-700 hover:border-amber-400 hover:bg-amber-100/60 hover:text-amber-900"
onClick={handleResetAgent} onClick={handleResetAgent}
disabled={isResettingAgent} disabled={isResettingAgent}
> >
@ -3870,10 +3870,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"
className="h-7 gap-2 border border-transparent px-2 text-slate-600 transition-colors hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900" className="h-7 border border-transparent px-2 text-slate-600 transition-colors hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
onClick={() => handleCopyRemoteIdentifier(entry.identifier)} onClick={() => handleCopyRemoteIdentifier(entry.identifier)}
title="Copiar ID"
aria-label="Copiar ID"
> >
<ClipboardCopy className="size-3.5" /> Copiar ID <ClipboardCopy className="size-3.5" />
</Button> </Button>
) : null} ) : null}
</div> </div>
@ -3888,10 +3890,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"
className="h-7 gap-1 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900" className="h-7 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
onClick={() => handleCopyRemoteCredential(entry.username, "Usuário do acesso remoto")} onClick={() => handleCopyRemoteCredential(entry.username, "Usuário do acesso remoto")}
title="Copiar usuário"
aria-label="Copiar usuário"
> >
<ClipboardCopy className="size-3.5" /> Copiar <ClipboardCopy className="size-3.5" />
</Button> </Button>
</div> </div>
) : null} ) : null}
@ -3913,10 +3917,12 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"
className="h-7 gap-1 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900" className="h-7 border border-transparent px-2 text-slate-600 hover:border-slate-300 hover:bg-slate-100 hover:text-slate-900"
onClick={() => handleCopyRemoteCredential(entry.password, "Senha do acesso remoto")} onClick={() => handleCopyRemoteCredential(entry.password, "Senha do acesso remoto")}
title="Copiar senha"
aria-label="Copiar senha"
> >
<ClipboardCopy className="size-3.5" /> Copiar <ClipboardCopy className="size-3.5" />
</Button> </Button>
</div> </div>
) : null} ) : null}
@ -3936,10 +3942,10 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className="mt-1 inline-flex items-center gap-2 border-[#00d6eb]/60 bg-white text-slate-800 shadow-sm transition-colors hover:border-[#00d6eb] hover:bg-[#00e8ff]/10 hover:text-slate-900 focus-visible:border-[#00d6eb] focus-visible:ring-[#00e8ff]/30" className="mt-1 inline-flex items-center gap-2 border-slate-300 bg-white text-slate-800 shadow-sm transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-900 focus-visible:border-slate-400 focus-visible:ring-slate-200"
onClick={() => handleRustDeskConnect(entry)} onClick={() => handleRustDeskConnect(entry)}
> >
<MonitorSmartphone className="size-4 text-[#009bb1]" /> Conectar via RustDesk <MonitorSmartphone className="size-4 text-[#4b5563]" /> Conectar via RustDesk
</Button> </Button>
) : null} ) : null}
{entry.notes ? ( {entry.notes ? (