diff options
Diffstat (limited to 'ui/routes')
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 15 | ||||
| -rw-r--r-- | ui/routes/(login)/invite/[invite]/+page.js | 5 | ||||
| -rw-r--r-- | ui/routes/+layout.svelte | 4 |
3 files changed, 5 insertions, 19 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index 9843979..f860a6d 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -12,14 +12,6 @@ let loading = true; let events = null; - let showMenuValue; - showMenu.subscribe((value) => { - showMenuValue = value; - }); - - function toggleMenu() { - showMenu.update((value) => !value); - } $: channel = $page?.params?.channel; @@ -70,7 +62,7 @@ <h2>Loading…</h2> {:else} <div id="interface" class="p-2"> - <nav id="sidebar" data-expanded={showMenuValue}> + <nav id="sidebar" data-expanded={$showMenu}> <div class="channel-list"> <ChannelList active={channel} /> </div> @@ -120,11 +112,6 @@ height: calc(100vh - var(--app-bar-height) - var(--interface-padding)); z-index: 10; } - nav button { - position: absolute; - top: 0; - right: 0; - } main { grid-area: main; height: calc(100vh - var(--app-bar-height) - var(--interface-padding)); diff --git a/ui/routes/(login)/invite/[invite]/+page.js b/ui/routes/(login)/invite/[invite]/+page.js index ced109a..a48ba89 100644 --- a/ui/routes/(login)/invite/[invite]/+page.js +++ b/ui/routes/(login)/invite/[invite]/+page.js @@ -4,13 +4,12 @@ export async function load({ params }) { let { invite } = params; let response = await getInvite(invite); switch (response.status) { - case 200: + case 200: { let invite = response.data; return { invite }; - break; + } case 404: return null; - break; default: // TODO: display error. break; diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte index 22377bb..da205d3 100644 --- a/ui/routes/+layout.svelte +++ b/ui/routes/+layout.svelte @@ -16,9 +16,9 @@ <div class="w-full"> <AppBar class="app-bar"> <svelte:fragment slot="lead"> - <a on:click|preventDefault={toggleMenu} class="cursor-pointer"> + <button on:click|preventDefault={toggleMenu} class="cursor-pointer"> <img class="w-8 h-8" alt="logo" src={logo} /> - </a> + </button> </svelte:fragment> <a href="/">understory</a> <svelte:fragment slot="trail"> |
