arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Prevent excess channels from going larger than the screen height

Browse Source
This commit is contained in:
April Hall 2025-02-27 11:23:36 -05:00
parent e7af60555e
commit 19bbdce14f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/mainLayout.svelte
View File

@ -18,7 +18,7 @@
</script>
<div class="w-screen">
<div class="grid min-h-screen w-full md:grid-cols-[220px_1fr] lg:grid-cols-[280px_1fr]">
<div class="grid h-screen w-full md:grid-cols-[220px_1fr] lg:grid-cols-[280px_1fr]">
<div class="hidden border-r bg-muted/40 md:block" bind:clientWidth={sidebarWidth}>
<div class="flex h-full max-h-screen flex-col gap-2">
<div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
@ -28,14 +28,14 @@
</a>
<ModeSwitcher />
</div>
<div class="flex-1">
<div class="h-full flex-1 overflow-scroll">
<nav class="grid items-start px-2 text-sm font-medium lg:px-4">
{#each channels as channelName}
<Channel {channelName} />
{/each}
</nav>
</div>
<div class="mt-auto p-4">
<div class="mt-auto border-t p-4">
<User {data} />
<ChannelDialog data={data.form} />
</div>