fix(settings): sticky headers on the virtual data tables
CI / lint (push) Successful in 2s
CI / frontend-build (push) Successful in 20s
CI / backend-lint-and-test (push) Successful in 28s
CI / integration (push) Successful in 3m27s

Allowlist / Alias / ImportTask tables scroll their bodies (height=360/480) but
the column headers scrolled away with the rows, so you lost the column labels
(operator-flagged 2026-06-27). Add Vuetify `fixed-header` so the header row
stays pinned while the body scrolls.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-27 00:54:03 -04:00
parent d63dfa511a
commit 958378312c
3 changed files with 3 additions and 3 deletions
@@ -6,7 +6,7 @@
> >
<v-data-table-virtual <v-data-table-virtual
:headers="headers" :items="store.rows" :loading="store.loading" :headers="headers" :items="store.rows" :loading="store.loading"
height="360" density="compact" height="360" density="compact" fixed-header
no-data-text="No aliases yet create one from a suggestion's menu." no-data-text="No aliases yet create one from a suggestion's menu."
> >
<template #item.mapping="{ item }"> <template #item.mapping="{ item }">
@@ -7,7 +7,7 @@
> >
<v-data-table-virtual <v-data-table-virtual
:headers="headers" :items="store.rows" :loading="store.loading" :headers="headers" :items="store.rows" :loading="store.loading"
height="360" density="compact" height="360" density="compact" fixed-header
no-data-text="No tags on the allowlist yet accept a suggestion to add one." no-data-text="No tags on the allowlist yet accept a suggestion to add one."
> >
<template #item.applied_count="{ item }"> <template #item.applied_count="{ item }">
@@ -31,7 +31,7 @@
</CardHeading> </CardHeading>
<v-data-table-virtual <v-data-table-virtual
:headers="headers" :items="store.tasks" :loading="store.tasksLoading" :headers="headers" :items="store.tasks" :loading="store.tasksLoading"
height="480" density="compact" no-data-text="No tasks yet trigger a scan above." height="480" density="compact" fixed-header no-data-text="No tasks yet trigger a scan above."
> >
<template #item.status="{ item }"> <template #item.status="{ item }">
<v-chip :color="statusColor(item.status)" size="small" variant="tonal"> <v-chip :color="statusColor(item.status)" size="small" variant="tonal">