robustness plan
This commit is contained in:
@ -775,9 +775,16 @@ export default function App() {
|
||||
|
||||
{/* Draggable divider */}
|
||||
<div
|
||||
tabIndex={0}
|
||||
role="separator"
|
||||
aria-label="Resize panel"
|
||||
className="w-1 shrink-0 bg-editor-border cursor-col-resize hover:bg-editor-accent/50 active:bg-editor-accent transition-colors relative z-10"
|
||||
style={{ cursor: isDraggingSplit.current ? 'col-resize' : 'col-resize' }}
|
||||
onMouseDown={startSplitDrag}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'ArrowLeft') setSplitRatio(Math.max(0.15, splitRatio - 0.02));
|
||||
if (e.key === 'ArrowRight') setSplitRatio(Math.min(0.85, splitRatio + 0.02));
|
||||
}}
|
||||
title="Drag to resize"
|
||||
/>
|
||||
|
||||
@ -857,8 +864,15 @@ export default function App() {
|
||||
<div className="flex shrink-0">
|
||||
{/* Draggable sidebar divider */}
|
||||
<div
|
||||
tabIndex={0}
|
||||
role="separator"
|
||||
aria-label="Resize panel"
|
||||
className="w-1 shrink-0 bg-editor-border cursor-col-resize hover:bg-editor-accent/50 active:bg-editor-accent transition-colors relative z-10"
|
||||
onMouseDown={startSidebarDrag}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'ArrowUp') setSidebarWidth(Math.max(180, sidebarWidth - sidebarWidth * 0.02));
|
||||
if (e.key === 'ArrowDown') setSidebarWidth(Math.min(600, sidebarWidth + sidebarWidth * 0.02));
|
||||
}}
|
||||
title="Drag to resize"
|
||||
/>
|
||||
<div className="overflow-y-auto" style={{ width: sidebarWidth }}>
|
||||
|
||||
Reference in New Issue
Block a user