From 644bd8c8178d126b67649f90e58aa61780a181d3 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Mon, 13 May 2024 06:25:20 +0000
Subject: [PATCH] fix(core): page does not fully stretch the entire screen
 (#6902)

close AFF-1054

https://github.com/toeverything/AFFiNE/assets/102217452/6e4447b7-380d-402b-9445-1c2d9c036363
---
 .../components/blocksuite/block-suite-editor/lit-adaper.tsx | 6 +++---
 .../components/blocksuite/block-suite-editor/styles.css.ts  | 2 +-
 .../frontend/core/src/components/page-detail-editor.css.ts  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
index 2fe32512cc607..b086590701a6d 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx
@@ -103,8 +103,8 @@ export const BlocksuiteDocEditor = forwardRef<
   }, []);
 
   return (
-    <div className={styles.docEditorRoot}>
-      <div className={styles.affineDocViewport}>
+    <>
+      <div className={styles.affineDocViewport} style={{ height: '100%' }}>
         {!isJournal ? (
           <adapted.DocTitle doc={page} ref={titleRef} />
         ) : (
@@ -133,7 +133,7 @@ export const BlocksuiteDocEditor = forwardRef<
       {portals.map(p => (
         <Fragment key={p.id}>{p.portal}</Fragment>
       ))}
-    </div>
+    </>
   );
 });
 
diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
index f7aa429c49bc1..0ce7bae88acff 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
@@ -8,7 +8,7 @@ export const docEditorRoot = style({
 export const affineDocViewport = style({
   display: 'flex',
   flexDirection: 'column',
-  paddingBottom: '150px',
+  paddingBottom: '100px',
 });
 
 export const docContainer = style({
diff --git a/packages/frontend/core/src/components/page-detail-editor.css.ts b/packages/frontend/core/src/components/page-detail-editor.css.ts
index 13f9aab604dc6..0bd535d4d88af 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -25,6 +25,6 @@ export const editor = style({
 globalStyle(
   `${editor} .affine-page-viewport:not(.affine-embed-synced-doc-editor)`,
   {
-    paddingBottom: '150px',
+    paddingBottom: '100px',
   }
 );