feat: apply requested changes
This commit is contained in:
@@ -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"> -->
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user