From 24a5b54b67e7ead0f3b5a4d2df17007e04c3a3ec Mon Sep 17 00:00:00 2001
From: Alex Yang <himself65@outlook.com>
Date: Thu, 13 Jul 2023 16:31:17 +0800
Subject: [PATCH] fix: fullscreen settting not working (#3215)

Co-authored-by: QiShaoXuan <qishaoxuan777@gmail.com>
---
 apps/web/src/components/page-detail-editor.css.ts        | 3 ++-
 packages/component/src/components/workspace/index.css.ts | 3 ++-
 packages/component/src/ui/modal/modal-wrapper.tsx        | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/page-detail-editor.css.ts b/apps/web/src/components/page-detail-editor.css.ts
index 332e0ca02c..368ea82821 100644
--- a/apps/web/src/components/page-detail-editor.css.ts
+++ b/apps/web/src/components/page-detail-editor.css.ts
@@ -10,7 +10,8 @@ export const editor = style({
   selectors: {
     '&.full-screen': {
       vars: {
-        '--affine-editor-width': '90%',
+        '--affine-editor-width': '100%',
+        '--affine-editor-side-padding': '15px',
       },
     },
   },
diff --git a/packages/component/src/components/workspace/index.css.ts b/packages/component/src/components/workspace/index.css.ts
index 0aca57c36f..d9bed9c206 100644
--- a/packages/component/src/components/workspace/index.css.ts
+++ b/packages/component/src/components/workspace/index.css.ts
@@ -52,7 +52,8 @@ globalStyle(`html[data-theme="dark"] ${appStyle}`, {
 
 export const mainContainerStyle = style({
   position: 'relative',
-  flexGrow: 1,
+  width: 0,
+  flex: 1,
   maxWidth: '100%',
   zIndex: 2,
   backgroundColor: 'var(--affine-background-primary-color)',
diff --git a/packages/component/src/ui/modal/modal-wrapper.tsx b/packages/component/src/ui/modal/modal-wrapper.tsx
index d958315fb6..8973ea4966 100644
--- a/packages/component/src/ui/modal/modal-wrapper.tsx
+++ b/packages/component/src/ui/modal/modal-wrapper.tsx
@@ -13,7 +13,7 @@ export const ModalWrapper = styled('div')<{
     minHeight,
     backgroundColor: 'var(--affine-background-secondary-color)',
     boxShadow: 'var(--affine-shadow-3)',
-    borderRadius: '16px',
+    borderRadius: '12px',
     position: 'relative',
     maxHeight: 'calc(100vh - 32px)',
   };