From d700f828b7b2cd04e31f580d416a5eab392a53a9 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Mon, 4 Nov 2024 16:29:48 +0800
Subject: [PATCH] fix(core): the full width layout feature does not work
 (#8687)

---
 .../core/src/components/page-detail-editor.css.ts        | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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 567cca65c3..e6dd60a2a9 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/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',
+  },
+});