296d474732
- Add Cmd+Shift+I keyboard shortcut in useAppKeyboard for toggling the properties/inspector panel - Change default inspectorCollapsed to true (panel closed on fresh install) - Add shortcut hint "⌘⇧I" to Properties button tooltips in breadcrumb bar and inspector header - Show shortcut in command palette for "Toggle Properties Panel" Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
20 lines
1.1 KiB
TypeScript
20 lines
1.1 KiB
TypeScript
import { useCallback, useState } from 'react'
|
|
|
|
export const COLUMN_MIN_WIDTHS = {
|
|
sidebar: 180,
|
|
noteList: 220,
|
|
editor: 800,
|
|
inspector: 240,
|
|
} as const
|
|
|
|
export function useLayoutPanels(options?: { initialInspectorCollapsed?: boolean }) {
|
|
const [sidebarWidth, setSidebarWidth] = useState(250)
|
|
const [noteListWidth, setNoteListWidth] = useState(300)
|
|
const [inspectorWidth, setInspectorWidth] = useState(280)
|
|
const [inspectorCollapsed, setInspectorCollapsed] = useState(options?.initialInspectorCollapsed ?? true)
|
|
const handleSidebarResize = useCallback((delta: number) => setSidebarWidth((w) => Math.max(COLUMN_MIN_WIDTHS.sidebar, Math.min(400, w + delta))), [])
|
|
const handleNoteListResize = useCallback((delta: number) => setNoteListWidth((w) => Math.max(COLUMN_MIN_WIDTHS.noteList, Math.min(500, w + delta))), [])
|
|
const handleInspectorResize = useCallback((delta: number) => setInspectorWidth((w) => Math.max(COLUMN_MIN_WIDTHS.inspector, Math.min(500, w - delta))), [])
|
|
return { sidebarWidth, noteListWidth, inspectorWidth, inspectorCollapsed, setInspectorCollapsed, handleSidebarResize, handleNoteListResize, handleInspectorResize }
|
|
}
|