From e01a59c77287de460abc99a95545c7ace0bbe609 Mon Sep 17 00:00:00 2001
From: "Kilu.He" <108015703+qinluhe@users.noreply.github.com>
Date: Sat, 21 Sep 2024 14:39:58 +0800
Subject: [PATCH] fix: adjust editor's margin bottom (#6371)

---
 frontend/appflowy_web_app/src/components/document/Document.tsx | 2 +-
 frontend/appflowy_web_app/src/components/editor/Editable.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/appflowy_web_app/src/components/document/Document.tsx b/frontend/appflowy_web_app/src/components/document/Document.tsx
index 1050e487db..f26c502e87 100644
--- a/frontend/appflowy_web_app/src/components/document/Document.tsx
+++ b/frontend/appflowy_web_app/src/components/document/Document.tsx
@@ -46,7 +46,7 @@ export const Document = ({
     <div
       style={{
         minHeight: `calc(100vh - 48px)`,
-      }} className={'mb-36 flex h-full w-full flex-col items-center'}
+      }} className={'flex h-full w-full flex-col items-center'}
     >
       <ViewMetaPreview {...viewMeta} />
       <Suspense fallback={<EditorSkeleton />}>
diff --git a/frontend/appflowy_web_app/src/components/editor/Editable.tsx b/frontend/appflowy_web_app/src/components/editor/Editable.tsx
index 711597efe5..0173bced74 100644
--- a/frontend/appflowy_web_app/src/components/editor/Editable.tsx
+++ b/frontend/appflowy_web_app/src/components/editor/Editable.tsx
@@ -28,7 +28,7 @@ const EditorEditable = ({ editor }: { editor: ReactEditor }) => {
 
           return decoration || [];
         }}
-        className={'outline-none w-[964px] min-w-0 max-w-full px-6 focus:outline-none'}
+        className={'outline-none mb-36 w-[964px] min-w-0 max-w-full px-6 focus:outline-none'}
         renderLeaf={Leaf}
         renderElement={renderElement}
         readOnly={readOnly}