feat: add column headers to scan list

This commit is contained in:
Javier
2026-02-11 10:04:39 -06:00
parent de72a1fb9e
commit b97424554c
2 changed files with 23 additions and 1 deletions

View File

@@ -109,6 +109,12 @@
<i class="fa-solid fa-file-import"></i> Bulk Import Excel <i class="fa-solid fa-file-import"></i> Bulk Import Excel
</button> </button>
</div> </div>
<div class="scans-grid scan-header-row" style="--field-count: {{ detail_fields|length }};">
{% for field in detail_fields %}
<div class="scan-row-cell scan-col-header">{{ field.field_label }}</div>
{% endfor %}
<div class="scan-row-cell scan-col-header">Status</div>
</div>
<div id="scansList" class="scans-grid" style="--field-count: {{ detail_fields|length }};"> <div id="scansList" class="scans-grid" style="--field-count: {{ detail_fields|length }};">
{% for scan in scans %} {% for scan in scans %}
<div class="scan-row scan-row-{{ scan.duplicate_status }}" <div class="scan-row scan-row-{{ scan.duplicate_status }}"

View File

@@ -1303,9 +1303,25 @@ body {
overflow-y: auto; overflow-y: auto;
} }
.scan-header-row {
display: grid;
grid-template-columns: repeat(var(--field-count), 1fr) auto;
gap: var(--space-md);
padding: var(--space-xs) var(--space-md);
max-height: none;
overflow-y: visible;
}
.scan-col-header {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--color-text-muted);
}
.scan-row { .scan-row {
display: grid; display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr; grid-template-columns: repeat(var(--field-count), 1fr) 1fr;
gap: var(--space-md); gap: var(--space-md);
padding: var(--space-md); padding: var(--space-md);
background: var(--color-bg); background: var(--color-bg);