viktor/beadboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: ThreadDrawer slides from right edge of screen

Browse source
This commit is contained in:
zenchantlive 2026-02-16 12:11:28 -08:00
parent a3fd94b729
commit 93f3c50d4b
2 changed files with 2 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.beads/bd.sock.startlock
View file

@ -1 +0,0 @@
2676

14
src/components/shared/thread-drawer.tsx
View file

@ -51,20 +51,10 @@ export function ThreadDrawer({ isOpen, onClose, title, id, items = SAMPLE_ITEMS
aria-hidden="true"
/>
{/* Drawer - positioned at right edge of middle panel, between middle and right */}
{/* Layout: Left(13rem) + Middle(1fr) + Right(17rem) */}
{/* Drawer sits at: right edge of middle = 100% - 17rem from left */}
{/* Drawer - slides from right edge of screen, overlaying everything */}
<div
className="fixed top-0 z-50 overflow-hidden"
className="fixed top-0 right-0 h-full z-50 w-[24rem] overflow-hidden"
style={{
// Positioned between middle and right panel
// left edge = (100% - 17rem - 24rem drawer)
// right edge = 17rem (the right panel width)
left: 'calc(100% - 17rem - 24rem)',
right: '17rem',
top: 0,
height: '100vh',
width: '24rem',
backgroundColor: 'var(--color-bg-card)',
borderLeft: '1px solid rgba(255, 255, 255, 0.1)',
boxShadow: '-4px 0 20px rgba(0, 0, 0, 0.3)',