ui: freeze header of smart device details table

This commit is contained in:
henrygd
2026-02-19 17:35:12 -05:00
parent 79616e1662
commit d526ea61a9

View File

@@ -656,14 +656,14 @@ function DiskSheet({
</Tooltip> </Tooltip>
</SheetDescription> </SheetDescription>
</SheetHeader> </SheetHeader>
<div className="flex-1 overflow-auto p-4 flex flex-col gap-4"> <div className="flex-1 overflow-hidden p-4 flex flex-col gap-4">
{isLoading ? ( {isLoading ? (
<div className="flex justify-center py-8"> <div className="flex justify-center py-8">
<LoaderCircleIcon className="animate-spin size-10 opacity-60" /> <LoaderCircleIcon className="animate-spin size-10 opacity-60" />
</div> </div>
) : ( ) : (
<> <>
<Alert className="pb-3"> <Alert className="pb-3 shrink-0">
{status === "PASSED" ? <CheckCircle2Icon className="size-4" /> : <XCircleIcon className="size-4" />} {status === "PASSED" ? <CheckCircle2Icon className="size-4" /> : <XCircleIcon className="size-4" />}
<AlertTitle> <AlertTitle>
<Trans>S.M.A.R.T. Self-Test</Trans>: {status} <Trans>S.M.A.R.T. Self-Test</Trans>: {status}
@@ -675,9 +675,9 @@ function DiskSheet({
)} )}
</Alert> </Alert>
{smartAttributes.length > 0 ? ( {smartAttributes.length > 0 ? (
<div className="rounded-md border overflow-auto"> <div className="rounded-md border flex-1 min-h-0 flex flex-col">
<Table> <Table>
<TableHeader> <TableHeader className="sticky top-0 z-10">
{table.getHeaderGroups().map((headerGroup) => ( {table.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id}> <TableRow key={headerGroup.id}>
{headerGroup.headers.map((header) => ( {headerGroup.headers.map((header) => (