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 (