diff options
Diffstat (limited to 'ui/routes/(app)')
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index cf5d5f1..ae80324 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -72,7 +72,6 @@ {:else} <div id="interface" class="p-2"> <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"> <ChannelList active={channel} /> </div> @@ -81,10 +80,10 @@ </div> </nav> <main> - <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]"> + <div class="active-channel"> <slot /> </div> - <div class="create-message overflow-scroll max-h-full"> + <div class="create-message max-h-full"> <MessageInput {channel} /> </div> </main> @@ -101,12 +100,12 @@ #interface { margin: unset; display: grid; - grid-template: + grid-template: 'side main' 1fr / auto 1fr ; height: calc(100vh - var(--app-bar-height)); - + @media (width > 640px) { --overlay: static; --translate: 0; @@ -114,7 +113,7 @@ } nav { grid-area: side; - background-color: rgb(var(--color-surface-600)); + background-color: rgb(var(--color-surface-800)); inset: auto auto 0 0; padding: 0.25rem; position: var(--overlay, absolute); @@ -134,11 +133,11 @@ main { } .active-channel { height: calc(100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height)); - overflow: scroll; + overflow: auto; } .channel-list { height: calc(100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height)); - overflow: scroll; + overflow: auto; } nav[data-expanded=false] { translate: var(--translate, -100% 0); |