Ajusta layout das atualizações do Windows

This commit is contained in:
codex-bot 2025-10-21 08:40:11 -03:00
parent 6e3df454d6
commit 66bf0cd9e1

View file

@ -2348,7 +2348,7 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
</CardContent> </CardContent>
</Card> </Card>
<Card className="border-slate-200"> <Card className="border-slate-200 lg:col-span-2">
<CardHeader className="pb-2"> <CardHeader className="pb-2">
<CardTitle className="flex items-center gap-2 text-sm font-semibold"> <CardTitle className="flex items-center gap-2 text-sm font-semibold">
<RefreshCcw className="size-4 text-slate-500" /> <RefreshCcw className="size-4 text-slate-500" />
@ -2356,21 +2356,21 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
</CardTitle> </CardTitle>
<CardDescription>Configurações automáticas e histórico recente</CardDescription> <CardDescription>Configurações automáticas e histórico recente</CardDescription>
</CardHeader> </CardHeader>
<CardContent className="grid gap-4 text-sm lg:grid-cols-[minmax(0,1fr)_minmax(0,220px)]"> <CardContent className="flex flex-col gap-4 text-sm lg:flex-row lg:items-start lg:gap-8">
<div className="space-y-3"> <div className="flex-1 space-y-3">
<div className="flex flex-wrap gap-2 text-xs"> <div className="flex flex-wrap gap-2 text-xs">
{windowsUpdateDisabled !== undefined ? ( {windowsUpdateDisabled !== undefined ? (
<Badge className={windowsUpdateDisabled ? BADGE_WARNING : BADGE_POSITIVE}> <Badge className={windowsUpdateDisabled ? BADGE_WARNING : BADGE_POSITIVE}>
{windowsUpdateDisabled ? <ShieldOff className="size-3" /> : <ShieldCheck className="size-3" />} {windowsUpdateDisabled ? <ShieldOff className="size-3" /> : <ShieldCheck className="size-3" />}
{windowsUpdateDisabled ? "Atualizações desativadas" : "Atualizações automáticas"} {windowsUpdateDisabled ? "Atualizações desativadas" : "Atualizações automáticas"}
</Badge> </Badge>
) : null} ) : null}
{windowsUpdateDetectionEnabled === false ? ( {windowsUpdateDetectionEnabled === false ? (
<Badge className={BADGE_WARNING}> <Badge className={BADGE_WARNING}>
<AlertTriangle className="size-3" /> <AlertTriangle className="size-3" />
Sem detecção automática Sem detecção automática
</Badge> </Badge>
) : null} ) : null}
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<DetailLine label="Modo" value={windowsUpdateMode ?? "—"} /> <DetailLine label="Modo" value={windowsUpdateMode ?? "—"} />
@ -2379,7 +2379,7 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
</div> </div>
</div> </div>
{windowsHotfixes.length > 0 ? ( {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> <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"> <ul className="mt-2 space-y-1 text-xs text-muted-foreground">
{windowsHotfixes.slice(0, 3).map((fix) => ( {windowsHotfixes.slice(0, 3).map((fix) => (