fix(core): unexpected response style of shared page (#6383)

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)`,

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={
         {

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',