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

Adjust admin devices card layout

Browse source
This commit is contained in:
Esdras Renan 2025-11-19 11:34:47 -03:00
parent 188518e06c
commit 7401ee366d
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5766,10 +5766,10 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
) : null} ) : null}
</div> </div>
{collaborator?.email ? ( {collaborator?.email ? (
<div className="flex flex-wrap items-center gap-2 text-xs text-slate-600"> <div className="mt-3 flex flex-col gap-2 text-xs text-slate-600">
<div className="flex flex-col rounded-lg border border-slate-200 bg-slate-50 px-3 py-1"> <div className="flex flex-col rounded-lg border border-slate-200 bg-slate-50 px-3 py-1.5">
<span className="text-[11px] uppercase text-slate-400">Usuário vinculado</span> <span className="text-[11px] uppercase text-slate-400">Usuário vinculado</span>
<span className="text-sm font-medium text-slate-800 line-clamp-1" title={collaborator.name ?? collaborator.email}> <span className="line-clamp-1 text-sm font-medium text-slate-800" title={collaborator.name ?? collaborator.email}>
{collaborator.name ?? "Usuário"} {collaborator.name ?? "Usuário"}
</span> </span>
<span className="text-[11px] text-slate-500 line-clamp-1" title={collaborator.email}> <span className="text-[11px] text-slate-500 line-clamp-1" title={collaborator.email}>
@ -5778,7 +5778,7 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
</div> </div>
<button <button
type="button" type="button"
className="text-[11px] font-semibold text-slate-500 underline underline-offset-4 hover:text-slate-800" className="self-start text-[11px] font-semibold text-slate-500 underline underline-offset-4 hover:text-slate-800"
onClick={(event) => { onClick={(event) => {
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
@ -5841,7 +5841,7 @@ function DeviceCard({ device, companyName }: { device: DevicesQueryItem; company
{Array.isArray(device.inventory?.disks) ? `${device.inventory?.disks?.length ?? 0} discos` : "—"} {Array.isArray(device.inventory?.disks) ? `${device.inventory?.disks?.length ?? 0} discos` : "—"}
</span> </span>
<span> <span>
{lastHeartbeat ? formatRelativeTime(lastHeartbeat) : "sem heartbeat"} {lastHeartbeat ? formatRelativeTime(lastHeartbeat) : "Sem heartbeat"}
</span> </span>
</div> </div>
</CardContent> </CardContent>