luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(core): page does not fully stretch the entire screen (#6902)

Browse Source 
close AFF-1054

https://github.com/toeverything/AFFiNE/assets/102217452/6e4447b7-380d-402b-9445-1c2d9c036363
This commit is contained in:
JimmFly
2024-05-13 06:25:20 +00:00
parent 4ebe8f5fb4
commit 644bd8c817
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
View File

@@ -103,8 +103,8 @@ export const BlocksuiteDocEditor = forwardRef<
}, []); }, []);
return ( return (
<div className={styles.docEditorRoot}> <>
<div className={styles.affineDocViewport}> <div className={styles.affineDocViewport} style={{ height: '100%' }}>
{!isJournal ? ( {!isJournal ? (
<adapted.DocTitle doc={page} ref={titleRef} /> <adapted.DocTitle doc={page} ref={titleRef} />
) : ( ) : (
@@ -133,7 +133,7 @@ export const BlocksuiteDocEditor = forwardRef<
{portals.map(p => ( {portals.map(p => (
<Fragment key={p.id}>{p.portal}</Fragment> <Fragment key={p.id}>{p.portal}</Fragment>
))} ))}
</div> </>
); );
}); });

2
packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
View File

@@ -8,7 +8,7 @@ export const docEditorRoot = style({
export const affineDocViewport = style({ export const affineDocViewport = style({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
paddingBottom: '150px', paddingBottom: '100px',
}); });
export const docContainer = style({ export const docContainer = style({

2
packages/frontend/core/src/components/page-detail-editor.css.ts
View File

@@ -25,6 +25,6 @@ export const editor = style({
globalStyle( globalStyle(
`${editor} .affine-page-viewport:not(.affine-embed-synced-doc-editor)`, `${editor} .affine-page-viewport:not(.affine-embed-synced-doc-editor)`,
{ {
paddingBottom: '150px', paddingBottom: '100px',
} }
); );