Tianyang_Gong/DocHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: apply sidebar class for fixed width and document-editor flex layout for scrolling

Browse Source
This commit is contained in:
Tianyang 2026-08-01 18:59:44 +08:00
parent 66514df896
commit 0da48660f4
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/DocumentEditor.tsx
View File

@ -96,7 +96,7 @@ export default function DocumentEditor({ documentKey, onDirtyChange, onDeleted }
} }
return ( return (
<div data-testid="document-editor"> <div className="document-editor" data-testid="document-editor">
<div className="doc-header"> <div className="doc-header">
<div className="doc-path"> <div className="doc-path">
<span className="current">{documentKey}</span> <span className="current">{documentKey}</span>

2
frontend/src/components/FileExplorer.tsx
View File

@ -26,7 +26,7 @@ export default function FileExplorer({ onSelectFile, selectedKey, refreshKey }:
} }
return ( return (
<div data-testid="file-explorer"> <div className="sidebar" data-testid="file-explorer">
{folders.map((folder) => ( {folders.map((folder) => (
<FolderNode key={folder} name={folder} path={folder} onSelectFile={onSelectFile} selectedKey={selectedKey} /> <FolderNode key={folder} name={folder} path={folder} onSelectFile={onSelectFile} selectedKey={selectedKey} />
))} ))}

8
frontend/src/styles.css
View File

@ -322,6 +322,14 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
overflow: hidden;
}
.document-editor {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
} }
.empty-state { .empty-state {