Fix Table UI and ControlBar UI

This commit is contained in:
Caleb
2025-05-16 00:08:13 -04:00
committed by Cooper Quintin
parent c9c92706bc
commit 77e51ec2f6
3 changed files with 7 additions and 9 deletions

View File

@@ -13,7 +13,7 @@
}
</script>
<div class="flex flex-row gap-2">
<div class="flex flex-row justify-between gap-2">
<RecordingControls {server_is_recording} />
<DeleteButton
text="Delete ALL Recordings"

View File

@@ -7,18 +7,17 @@
}
let { entries, current_entry }: Props = $props();
</script>
<table class="table-auto text-left border">
<thead class="p-2">
<tr class="bg-gray-300">
<th class='p-2' scope="col">Name</th>
<th class='p-2' scope="col">Date Started</th>
<th class='p-2' scope="col">Date of Last Message</th>
<th class='p-2' scope="col">Started</th>
<th class='p-2' scope="col">Last Message</th>
<th class='p-2' scope="col">Size (bytes)</th>
<th class='p-2' scope="col">PCAP</th>
<th class='p-2' scope="col">QMDL</th>
<th class='p-2' scope="col">Analysis</th>
<th class='p-2' scope="col">Delete</th>
<th class='p-2' scope="col"></th>
</tr>
</thead>
<tbody>
@@ -29,4 +28,4 @@
<TableRow {entry} current={false} {i} />
{/each}
</tbody>
</table>
</table>

View File

@@ -30,7 +30,7 @@
</script>
<tr class="{status_row_color}">
<th class="font-bold p-2 bg-blue-100" scope='row'>{entry.name}</th>
<th class="font-bold p-2" scope='row'>{entry.name}</th>
<td class="p-2">{date_formatter.format(entry.start_time)}</td>
<td class="p-2">{date_formatter.format(entry.last_message_time)}</td>
<td class="p-2">{entry.qmdl_size_bytes}</td>
@@ -49,8 +49,7 @@
{/if}
</tr>
<tr class="{alternating_row_color} border-b {analysis_visible ? '' : 'hidden'}">
<td class="font-bold p-2 bg-blue-100"></td>
<td class="border-t border-dashed p-2" colspan="7">
<td class="border-t border-dashed p-2" colspan="8">
<AnalysisView {entry} />
</td>
</tr>