Mirror/rayhunter
1
0
Fork 0
mirror of https://github.com/EFForg/rayhunter.git synced 2026-05-01 01:49:58 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add card based manifest entries for mobile

Browse Source
This commit is contained in:
Caleb
2025-05-16 10:26:58 -04:00
committed by Cooper Quintin
parent 9a60e3f820
commit 279169257d
4 changed files with 75 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
bin/web/src/lib/components/ManifestTable.svelte
View File

@@ -1,13 +1,17 @@
<script lang="ts">
import { Manifest, ManifestEntry } from "$lib/manifest.svelte";
import TableRow from "./ManifestTableRow.svelte";
import Card from "./ManifestCard.svelte"
interface Props {
entries: ManifestEntry[];
current_entry: ManifestEntry | undefined;
server_is_recording: boolean;
}
let { entries, current_entry }: Props = $props();
let { entries, current_entry, server_is_recording }: Props = $props();
</script>
<table class="table-auto text-left">
<!--For larger screens we use a table-->
<table class="hidden table-auto text-left lg:table">
<thead>
<tr class="bg-gray-100 drop-shadow">
<th class='p-2' scope="col">Name</th>
@@ -28,4 +32,13 @@
<TableRow {entry} current={false} {i} />
{/each}
</tbody>
</table>
</table>
<!--For smaller screens we use cards-->
<div class="lg:hidden flex flex-col gap-2">
{#if current_entry !== undefined}
<Card entry={current_entry} current={true} i={0} server_is_recording={server_is_recording}/>
{/if}
{#each entries as entry, i}
<Card {entry} current={false} {i} />
{/each}
</div>