feat: add column headers to scan list
This commit is contained in:
@@ -109,6 +109,12 @@
|
||||
<i class="fa-solid fa-file-import"></i> Bulk Import Excel
|
||||
</button>
|
||||
</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 }};">
|
||||
{% for scan in scans %}
|
||||
<div class="scan-row scan-row-{{ scan.duplicate_status }}"
|
||||
|
||||
@@ -1303,9 +1303,25 @@ body {
|
||||
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 {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr 1.5fr;
|
||||
grid-template-columns: repeat(var(--field-count), 1fr) 1fr;
|
||||
gap: var(--space-md);
|
||||
padding: var(--space-md);
|
||||
background: var(--color-bg);
|
||||
|
||||
Reference in New Issue
Block a user