hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply light shadows to the main areas

Browse source
This commit is contained in:
dtonon 2026-05-06 21:53:17 +01:00
parent 92e810b652
commit 63b7719340
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/ChatSidebar.svelte
View file

@ -138,7 +138,7 @@
<aside
bind:this={asideEl}
class="absolute right-0 top-2 h-[calc(100%-0.5rem)] z-10 flex flex-col rounded-tl-xl min-[1540px]:rounded-tr-xl bg-white transition-all duration-200
{expanded ? 'w-150 shadow-2xl' : 'w-80'} px-6 py-6"
{expanded ? 'w-150 shadow-2xl' : 'w-80 shadow-lg'} px-6 py-6"
>
<div class="flex shrink-0 items-center justify-between mb-6">
<span class="text-[1.5rem] text-brand leading-7">Chat</span>

8
src/routes/+layout.svelte
View file

@ -42,11 +42,15 @@
Mobile version is coming, for now use a desktop PC
</div>
<div class="hidden h-screen flex-col overflow-hidden max-w-[1540px] mx-auto md:flex">
<div
class="hidden h-screen flex-col overflow-hidden max-w-[1540px] mx-auto md:flex"
>
<Navbar />
<div class="relative flex flex-1 gap-5 overflow-hidden pt-2">
<LeftSidebar {mode} {activeRoom} />
<main class="flex-1 overflow-y-auto rounded-t-xl bg-white px-10 pt-6 pb-20">
<main
class="flex-1 overflow-y-auto rounded-t-xl bg-white px-10 pt-6 pb-20 shadow-lg"
>
{@render children()}
</main>
{#if chatEnabled}