fix(web): remove edgeless mode padding (#2061)

packages/component/src/components/block-suite-editor/index.tsx

@@ -89,10 +89,13 @@ const BlockSuiteEditorImpl = (props: EditorProps): ReactElement => {
       container.removeChild(editor);
     };
   }, [editor, page]);
+
+  // issue: https://github.com/toeverything/AFFiNE/issues/2004
+  const className = `editor-wrapper ${editor.mode}-mode`;
   return (
     <div
       data-testid={`editor-${props.page.id}`}
-      className="editor-wrapper"
+      className={className}
       style={props.style}
       ref={ref}
     />

packages/component/src/theme/global.css

@@ -194,6 +194,11 @@ input[type='number']::-webkit-outer-spin-button {
   padding: 0 2rem;
 }
 
+/* issue: https://github.com/toeverything/AFFiNE/issues/2004 */
+.editor-wrapper.edgeless-mode {
+  padding: 0;
+}
+
 .affine-default-page-block-title-container {
   margin-top: 40px;
   margin-bottom: 40px;
@@ -222,4 +227,9 @@ affine-block-hub {
     height: 100%;
     padding: 0 0.75rem;
   }
+
+  /* issue: https://github.com/toeverything/AFFiNE/issues/2004 */
+  .editor-wrapper.edgeless-mode {
+    padding: 0;
+  }
 }