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> </script>
<div class="flex flex-row gap-2"> <div class="flex flex-row justify-between gap-2">
<RecordingControls {server_is_recording} /> <RecordingControls {server_is_recording} />
<DeleteButton <DeleteButton
text="Delete ALL Recordings" text="Delete ALL Recordings"

View File

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

View File

@@ -30,7 +30,7 @@
</script> </script>
<tr class="{status_row_color}"> <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.start_time)}</td>
<td class="p-2">{date_formatter.format(entry.last_message_time)}</td> <td class="p-2">{date_formatter.format(entry.last_message_time)}</td>
<td class="p-2">{entry.qmdl_size_bytes}</td> <td class="p-2">{entry.qmdl_size_bytes}</td>
@@ -49,8 +49,7 @@
{/if} {/if}
</tr> </tr>
<tr class="{alternating_row_color} border-b {analysis_visible ? '' : 'hidden'}"> <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="8">
<td class="border-t border-dashed p-2" colspan="7">
<AnalysisView {entry} /> <AnalysisView {entry} />
</td> </td>
</tr> </tr>