Dominic Elm commited on
Commit
14747cf
·
unverified ·
1 Parent(s): 8613e39

fix: make file tree scrollable (#14)

Browse files
packages/bolt/app/components/workbench/EditorPanel.tsx CHANGED
@@ -62,8 +62,8 @@ export const EditorPanel = memo(
62
 
63
  return (
64
  <PanelGroup direction="horizontal">
65
- <Panel className="flex flex-col" defaultSize={25} minSize={10} collapsible={true}>
66
- <div className="border-r h-full">
67
  <div className="flex items-center gap-2 bg-gray-50 border-b px-4 py-1 min-h-[34px]">
68
  <div className="i-ph:tree-structure-duotone shrink-0" />
69
  Files
 
62
 
63
  return (
64
  <PanelGroup direction="horizontal">
65
+ <Panel defaultSize={25} minSize={10} collapsible>
66
+ <div className="flex flex-col border-r h-full">
67
  <div className="flex items-center gap-2 bg-gray-50 border-b px-4 py-1 min-h-[34px]">
68
  <div className="i-ph:tree-structure-duotone shrink-0" />
69
  Files
packages/bolt/app/components/workbench/FileTreePanel.tsx CHANGED
@@ -15,8 +15,9 @@ export const FileTreePanel = memo(({ files, unsavedFiles, selectedFile, onFileSe
15
  renderLogger.trace('FileTreePanel');
16
 
17
  return (
18
- <div className="h-full">
19
  <FileTree
 
20
  files={files}
21
  unsavedFiles={unsavedFiles}
22
  rootFolder={WORK_DIR}
 
15
  renderLogger.trace('FileTreePanel');
16
 
17
  return (
18
+ <div className="flex-1 overflow-y-scroll">
19
  <FileTree
20
+ className="h-full"
21
  files={files}
22
  unsavedFiles={unsavedFiles}
23
  rootFolder={WORK_DIR}