fix(core): the full width layout feature does not work (#8687)

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

@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 export const editor = style({
   flex: 1,
   selectors: {
@@ -22,3 +22,10 @@ export const editor = style({
     },
   },
 });
+
+globalStyle(`${editor}.full-screen .page-editor-container`, {
+  vars: {
+    '--affine-editor-width': '100%',
+    '--affine-editor-side-padding': '72px',
+  },
+});