Additional mobile manifest card UI tweaks

This commit is contained in:
Caleb
2025-05-16 11:43:55 -04:00
committed by Cooper Quintin
parent 69b7fecb17
commit 6d02731a81
4 changed files with 13 additions and 10 deletions

View File

@@ -1,7 +1,8 @@
<script lang="ts">
let { url, text }: {
let { url, text, full_button=false }: {
url: string;
text: string;
full_button?: boolean;
} = $props();
function download() {
@@ -9,7 +10,7 @@
}
</script>
<button class="text-blue-600 flex flex-row underline" onclick={download}>
<button class="flex flex-row {full_button ? 'bg-blue-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-md' : 'text-blue-600 underline'}" onclick={download}>
{text} <svg class="fill-current w-4 h-4 m-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/>
</svg>

View File

@@ -29,15 +29,17 @@
analysis_visible = !analysis_visible;
}
</script>
<div class="{status_row_color} drop-shadow p-4 flex flex-col">
<span class="">Name: {entry.name}</span>
<div class="{status_row_color} drop-shadow p-4 flex flex-col gap-2">
<div class="flex flex-row justify-between">
<span class="">Name: {entry.name}</span>
<span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
</div>
<span class="">Started: {date_formatter.format(entry.start_time)}</span>
<span class="">Last Message: {date_formatter.format(entry.last_message_time)}</span>
<span class="">Size: {entry.qmdl_size_bytes} bytes</span>
<span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
<div class="flex flex-row justify-between">
<span class=""><DownloadLink url={entry.get_pcap_url()} text="pcap" /></span>
<span class=""><DownloadLink url={entry.get_qmdl_url()} text="qmdl" /></span>
<div class="flex flex-row justify-between mt-2">
<DownloadLink url={entry.get_pcap_url()} text="pcap" full_button=true />
<DownloadLink url={entry.get_qmdl_url()} text="qmdl" full_button=true />
{#if current}
<RecordingControls {server_is_recording} />
{:else}

View File

@@ -7,7 +7,7 @@
</script>
<div>
<p class="text-xl">System Stats</p>
<p class="text-xl mb-2">System Information</p>
<table class="table-auto border">
<tbody>
<tr class="border">