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>
</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,8 +2356,8 @@ 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}>
@ -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) => (