Ajusta layout das atualizações do Windows
This commit is contained in:
parent
6e3df454d6
commit
66bf0cd9e1
1 changed files with 16 additions and 16 deletions
|
|
@ -2348,7 +2348,7 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
|
|||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card className="border-slate-200">
|
||||
<Card className="border-slate-200 lg:col-span-2">
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle className="flex items-center gap-2 text-sm font-semibold">
|
||||
<RefreshCcw className="size-4 text-slate-500" />
|
||||
|
|
@ -2356,21 +2356,21 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
|
|||
</CardTitle>
|
||||
<CardDescription>Configurações automáticas e histórico recente</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="grid gap-4 text-sm lg:grid-cols-[minmax(0,1fr)_minmax(0,220px)]">
|
||||
<div className="space-y-3">
|
||||
<CardContent className="flex flex-col gap-4 text-sm lg:flex-row lg:items-start lg:gap-8">
|
||||
<div className="flex-1 space-y-3">
|
||||
<div className="flex flex-wrap gap-2 text-xs">
|
||||
{windowsUpdateDisabled !== undefined ? (
|
||||
<Badge className={windowsUpdateDisabled ? BADGE_WARNING : BADGE_POSITIVE}>
|
||||
{windowsUpdateDisabled ? <ShieldOff className="size-3" /> : <ShieldCheck className="size-3" />}
|
||||
{windowsUpdateDisabled ? "Atualizações desativadas" : "Atualizações automáticas"}
|
||||
</Badge>
|
||||
) : null}
|
||||
{windowsUpdateDetectionEnabled === false ? (
|
||||
<Badge className={BADGE_WARNING}>
|
||||
<AlertTriangle className="size-3" />
|
||||
Sem detecção automática
|
||||
</Badge>
|
||||
) : null}
|
||||
{windowsUpdateDisabled !== undefined ? (
|
||||
<Badge className={windowsUpdateDisabled ? BADGE_WARNING : BADGE_POSITIVE}>
|
||||
{windowsUpdateDisabled ? <ShieldOff className="size-3" /> : <ShieldCheck className="size-3" />}
|
||||
{windowsUpdateDisabled ? "Atualizações desativadas" : "Atualizações automáticas"}
|
||||
</Badge>
|
||||
) : null}
|
||||
{windowsUpdateDetectionEnabled === false ? (
|
||||
<Badge className={BADGE_WARNING}>
|
||||
<AlertTriangle className="size-3" />
|
||||
Sem detecção automática
|
||||
</Badge>
|
||||
) : null}
|
||||
</div>
|
||||
<div className="grid gap-2">
|
||||
<DetailLine label="Modo" value={windowsUpdateMode ?? "—"} />
|
||||
|
|
@ -2379,7 +2379,7 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
|
|||
</div>
|
||||
</div>
|
||||
{windowsHotfixes.length > 0 ? (
|
||||
<div className="rounded-md border border-slate-200 bg-slate-50/80 p-3">
|
||||
<div className="w-full rounded-md border border-slate-200 bg-slate-50/80 p-3 lg:ml-auto lg:w-72 lg:flex-shrink-0 lg:self-stretch">
|
||||
<p className="text-xs font-semibold uppercase text-slate-500">Atualizações recentes</p>
|
||||
<ul className="mt-2 space-y-1 text-xs text-muted-foreground">
|
||||
{windowsHotfixes.slice(0, 3).map((fix) => (
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue