feat: apply requested changes

This commit is contained in:
2025-10-09 10:36:40 +02:00
parent 7679f138b6
commit 6208305464
8 changed files with 51 additions and 21 deletions

View File

@@ -11,6 +11,7 @@
import ConnectionLostDialog from '$lib/ConnectionLostDialog.svelte';
import { onMount } from 'svelte';
import { browser } from '$app/environment';
import { sidebarState } from "$lib/sidebar.svelte.ts";
let { children } = $props();
@@ -40,7 +41,7 @@
<Toaster position="bottom-right" theme="dark" richColors={true} />
<Sidebar.Provider>
<Sidebar.Provider bind:open={sidebarState.open}>
<AppSidebar />
<Sidebar.Inset>
<!-- <header class="flex h-16 shrink-0 items-center gap-2 px-4"> -->

View File

@@ -3,6 +3,7 @@
import { eventTarget } from "$lib/ws.svelte";
import { TicketCheckIcon, TicketIcon, TicketSlashIcon, TicketXIcon } from "@lucide/svelte";
import { onMount } from "svelte";
import { sidebarState } from "$lib/sidebar.svelte.ts";
type LogAction = "called" | "completed" | "no-show";
const colors = {
@@ -40,7 +41,9 @@
})
</script>
<h1 class="text-2xl font-bold">Log</h1>
<h1 class="text-2xl font-bold" onclick={() => {
sidebarState.open = !sidebarState.open;
}}>Log</h1>
<Table.Root>
<Table.Header>
@@ -65,4 +68,4 @@
</Table.Row>
{/each}
</Table.Body>
</Table.Root>
</Table.Root>

View File

@@ -4,6 +4,7 @@
import * as InputOTP from "$lib/components/ui/input-otp";
import { eventTarget } from "$lib/ws.svelte";
import { toast } from "svelte-sonner";
import { sidebarState } from "$lib/sidebar.svelte.ts";
const slug = $derived(page.params.slug);
@@ -82,7 +83,9 @@
})
</script>
<h1 class="text-2xl font-bold">Raum {slug}</h1>
<h1 class="text-2xl font-bold" onclick={() => {
sidebarState.open = !sidebarState.open;
}}>Raum {slug}</h1>
<div style="display: flex; align-items: center; gap: 1rem;">
<InputOTP.Root maxlength={3} pattern={TICKET_INPUT_REGEX} bind:value={nextTicket} onkeypress={(e) => {
isInvalid = false;
@@ -132,4 +135,4 @@
#ticket {
display: flex;
}
</style>
</style>