Dominic Elm
commited on
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
|
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="
|
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}
|