From 2576a69eb6d4668fd1480febff4cc2d295c1bf48 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Fri, 29 Mar 2024 05:29:54 +0000
Subject: [PATCH] fix(core): unexpected response style of shared page (#6383)

---
 .../core/src/components/page-detail-editor.css.ts    | 12 ++++++++++++
 .../core/src/components/page-detail-editor.tsx       |  3 ++-
 .../core/src/pages/share/share-footer.css.ts         |  6 ++++++
 3 files changed, 20 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 db445ca9ba..13f9aab604 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -9,6 +9,18 @@ export const editor = style({
       },
     },
   },
+  '@media': {
+    'screen and (max-width: 800px)': {
+      selectors: {
+        '&.is-public': {
+          vars: {
+            '--affine-editor-width': '100%',
+            '--affine-editor-side-padding': '24px',
+          },
+        },
+      },
+    },
+  },
 });
 globalStyle(
   `${editor} .affine-page-viewport:not(.affine-embed-synced-doc-editor)`,
diff --git a/packages/frontend/core/src/components/page-detail-editor.tsx b/packages/frontend/core/src/components/page-detail-editor.tsx
index 0dce839421..80359408c7 100644
--- a/packages/frontend/core/src/components/page-detail-editor.tsx
+++ b/packages/frontend/core/src/components/page-detail-editor.tsx
@@ -104,7 +104,8 @@ const PageDetailEditorMain = memo(function PageDetailEditorMain({
   return (
     <Editor
       className={clsx(styles.editor, {
-        'full-screen': appSettings.fullWidthLayout,
+        'full-screen': !isPublic && appSettings.fullWidthLayout,
+        'is-public': isPublic,
       })}
       style={
         {
diff --git a/packages/frontend/core/src/pages/share/share-footer.css.ts b/packages/frontend/core/src/pages/share/share-footer.css.ts
index f8b5248c9b..99c2fb4d65 100644
--- a/packages/frontend/core/src/pages/share/share-footer.css.ts
+++ b/packages/frontend/core/src/pages/share/share-footer.css.ts
@@ -14,6 +14,12 @@ export const footerContainer = style({
   paddingLeft: cssVar('editorSidePadding'),
   paddingRight: cssVar('editorSidePadding'),
   marginBottom: '200px',
+  '@media': {
+    'screen and (max-width: 800px)': {
+      paddingLeft: '24px',
+      paddingRight: '24px',
+    },
+  },
 });
 export const footer = style({
   display: 'flex',