chore: layout

This commit is contained in:
Austin Pickett 2026-04-21 10:46:12 -04:00
parent fc21c14206
commit d8d4ef4e20

View file

@ -12,6 +12,7 @@ import {
RotateCw,
Wifi,
WifiOff,
Wrench,
X,
} from "lucide-react";
import { Cell, Grid } from "@nous-research/ui";
@ -265,7 +266,7 @@ export default function StatusPage() {
</div>
)}
<Grid className="border-b lg:!grid-cols-3">
<Grid className="border-b md:!grid-cols-2 lg:!grid-cols-4">
{items.map(({ icon: Icon, label, value, badgeText, badgeVariant }) => (
<Cell
key={label}
@ -293,15 +294,16 @@ export default function StatusPage() {
)}
</Cell>
))}
</Grid>
<Card>
<CardHeader>
<CardTitle className="text-base">{t.status.actions}</CardTitle>
</CardHeader>
<Cell className="flex min-w-0 flex-col gap-2 overflow-hidden">
<div className="flex items-center justify-between">
<CardTitle className="text-sm font-medium">
{t.status.actions}
</CardTitle>
<Wrench className="h-4 w-4 text-muted-foreground" />
</div>
<CardContent className="flex flex-col gap-4">
<div className="flex flex-wrap gap-3">
<div className="flex gap-4">
<Button
variant="outline"
size="sm"
@ -310,6 +312,7 @@ export default function StatusPage() {
pendingAction !== null ||
(activeAction !== null && actionStatus?.running !== false)
}
className="flex-1 min-w-0"
>
<RotateCw
className={cn(
@ -333,6 +336,7 @@ export default function StatusPage() {
pendingAction !== null ||
(activeAction !== null && actionStatus?.running !== false)
}
className="flex-1 min-w-0"
>
<Download
className={cn(
@ -348,6 +352,8 @@ export default function StatusPage() {
: t.status.updateHermes}
</Button>
</div>
</Cell>
</Grid>
{activeAction && (
<div className="border border-border bg-background-base/50">
@ -411,8 +417,6 @@ export default function StatusPage() {
</pre>
</div>
)}
</CardContent>
</Card>
{platforms.length > 0 && (
<PlatformsCard