UniqAI/bolt.new
1
0
Fork 0
mirror of https://github.com/stackblitz/bolt.new synced 2024-11-27 14:32:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: make file tree scrollable (#14)

Browse Source
This commit is contained in:
Dominic Elm 2024-07-26 11:05:53 +02:00 committed by GitHub
parent 8613e390cc
commit 14747cfa0f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/bolt/app/components/workbench/EditorPanel.tsx
View File

@ -62,8 +62,8 @@ export const EditorPanel = memo(
return ( return (
<PanelGroup direction="horizontal"> <PanelGroup direction="horizontal">
<Panel className="flex flex-col" defaultSize={25} minSize={10} collapsible={true}> <Panel defaultSize={25} minSize={10} collapsible>
<div className="border-r h-full"> <div className="flex flex-col border-r h-full">
<div className="flex items-center gap-2 bg-gray-50 border-b px-4 py-1 min-h-[34px]"> <div className="flex items-center gap-2 bg-gray-50 border-b px-4 py-1 min-h-[34px]">
<div className="i-ph:tree-structure-duotone shrink-0" /> <div className="i-ph:tree-structure-duotone shrink-0" />
Files Files

3
packages/bolt/app/components/workbench/FileTreePanel.tsx
View File

@ -15,8 +15,9 @@ export const FileTreePanel = memo(({ files, unsavedFiles, selectedFile, onFileSe
renderLogger.trace('FileTreePanel'); renderLogger.trace('FileTreePanel');
return ( return (
<div className="h-full"> <div className="flex-1 overflow-y-scroll">
<FileTree <FileTree
className="h-full"
files={files} files={files}
unsavedFiles={unsavedFiles} unsavedFiles={unsavedFiles}
rootFolder={WORK_DIR} rootFolder={WORK_DIR}