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

fix: position ThreadDrawer between middle and right panels

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

1
.beads/bd.sock.startlock Normal file
View file

@ -0,0 +1 @@
2676

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

@ -51,10 +51,20 @@ export function ThreadDrawer({ isOpen, onClose, title, id, items = SAMPLE_ITEMS
aria-hidden="true"
/>
{/* Drawer */}
{/* 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 */}
<div
className="fixed top-0 right-0 h-full z-50 w-[24rem] overflow-hidden"
className="fixed top-0 z-50 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)',