dtp/gadget
1
0
Fork 0
Code Actions Packages Projects Releases Activity

fix: FILES panel should fill entire sidebar height

Browse Source 
- Remove max-h-80 constraint from FileTree
- FileTree uses flex-1 to expand and fill available space
- Panel now properly fills sidebar from top to bottom
- File tree scrolls internally when content overflows

The FILES panel header, file tree, and footer now form a proper
flex column that fills all remaining vertical space in the sidebar.
This commit is contained in:
Rob Colbert 2026-05-12 16:45:26 -04:00
parent a7c20d6105
commit 91d02e1468
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gadget-code/frontend/src/components/FileTree.tsx
View File

@ -166,7 +166,7 @@ export default function FileTree({ workspaceMode, onFileSelect }: FileTreeProps)
const rootLoading = state.loadingPaths.has(''); const rootLoading = state.loadingPaths.has('');
return ( return (
<div className="flex-1 overflow-auto p-2 max-h-80"> <div className="flex-1 overflow-auto p-2">
{rootLoading && ( {rootLoading && (
<div className="flex items-center justify-center py-8"> <div className="flex items-center justify-center py-8">
<div className="animate-spin rounded-full h-6 w-6 border-b-2 border-brand"></div> <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-brand"></div>