scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-10-10 03:28:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(web): add hairline divider between graph and chat panels

Browse source 
Sharing the gradient across both columns removed the seam but also any
visual boundary, so the graph bled into the chat. Add a 1px vertical
divider that fades at top/bottom (transparent → white/15 → transparent)
to mark the boundary without reintroducing a hard fade-to-black band.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Sreeram Sreedhar 2026-06-06 21:21:06 -07:00
parent 7979b1c16a
commit 27df084526
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/web/components/chat/index.tsx
View file

@ -1621,6 +1621,9 @@ export function ChatSidebar({
chatProject === AUTO_CHAT_SPACE_ID ? null : [chatProject]
}
/>
{/* Hairline divider between the graph and the chat. A soft, edge-faded
line keeps the boundary legible without breaking the shared gradient. */}
<div className="pointer-events-none relative z-[2] w-px shrink-0 self-stretch bg-gradient-to-b from-transparent via-white/15 to-transparent" />
<div className="relative z-[2] flex h-full min-h-0 w-full min-w-0 max-w-[min(720px,100%)] shrink-0 basis-[min(720px,50vw)] flex-col">
{pageDesktopToolbarRow}
<div className="relative mx-auto flex h-full min-h-0 w-full min-w-0 max-w-[min(720px,100%)] flex-1 flex-col px-3 sm:px-4 md:px-0">