diff options
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index c57b747..cf5d5f1 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -71,15 +71,6 @@ <h2>Loading…</h2> {:else} <div id="interface" class="p-2"> - <main> - <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]"> - <slot /> - </div> - <div class="create-message overflow-scroll max-h-full"> - <MessageInput {channel} /> - </div> - </main> - <nav id="sidebar" data-expanded={showMenuValue}> <button class="h-4 w-4" aria-controls="sidebar" aria-expanded={showMenuValue} on:click={toggleMenu}>✖</button> <div class="channel-list"> @@ -89,6 +80,14 @@ <CreateChannelForm /> </div> </nav> + <main> + <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]"> + <slot /> + </div> + <div class="create-message overflow-scroll max-h-full"> + <MessageInput {channel} /> + </div> + </main> </div> {/if} @@ -122,6 +121,7 @@ nav { transition: translate 300ms ease-out; width: 21rem; height: calc(100vh - var(--app-bar-height) - var(--interface-padding)); + z-index: 10; } nav button { position: absolute; |