Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-22 08:47:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: editor overflow (#1253)

Browse Source
This commit is contained in:
Himself65
2023-03-02 00:39:49 -06:00
committed by GitHub
parent f34a64a82a
commit 68b33cbdbd
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/blocksuite/block-suite-editor/index.tsx
View File

@@ -3,7 +3,7 @@ import { BlockHub } from '@blocksuite/blocks';
import { EditorContainer } from '@blocksuite/editor'; import { EditorContainer } from '@blocksuite/editor';
import type { Page } from '@blocksuite/store'; import type { Page } from '@blocksuite/store';
import { assertExists } from '@blocksuite/store'; import { assertExists } from '@blocksuite/store';
import { useEffect, useRef } from 'react'; import { CSSProperties, useEffect, useRef } from 'react';
import { BlockSuiteWorkspace } from '../../../shared'; import { BlockSuiteWorkspace } from '../../../shared';
@@ -13,6 +13,7 @@ export type EditorProps = {
mode: 'page' | 'edgeless'; mode: 'page' | 'edgeless';
onInit?: (page: Page, editor: Readonly<EditorContainer>) => void; onInit?: (page: Page, editor: Readonly<EditorContainer>) => void;
onLoad?: (page: Page, editor: EditorContainer) => void; onLoad?: (page: Page, editor: EditorContainer) => void;
style?: CSSProperties;
}; };
import markdown from '../../../templates/Welcome-to-AFFiNE-Alpha-Downhills.md'; import markdown from '../../../templates/Welcome-to-AFFiNE-Alpha-Downhills.md';
@@ -112,5 +113,5 @@ export const BlockSuiteEditor = (props: EditorProps) => {
container.removeChild(editor); container.removeChild(editor);
}; };
}, [page]); }, [page]);
return <div className="editor-wrapper" ref={ref} />; return <div className="editor-wrapper" style={props.style} ref={ref} />;
}; };

3
apps/web/src/components/page-detail-editor.tsx
View File

@@ -54,6 +54,9 @@ export const PageDetailEditor: React.FC<PageDetailEditorProps> = ({
{header} {header}
</BlockSuiteEditorHeader> </BlockSuiteEditorHeader>
<Editor <Editor
style={{
height: 'calc(100% - 60px)',
}}
blockSuiteWorkspace={blockSuiteWorkspace} blockSuiteWorkspace={blockSuiteWorkspace}
mode={meta.mode ?? 'page'} mode={meta.mode ?? 'page'}
page={page} page={page}