From 5418d3048e45fffa012061f7690dfd175534b27f Mon Sep 17 00:00:00 2001
From: 3720 <zuozijian1994@gmail.com>
Date: Fri, 15 Sep 2023 02:43:55 +0800
Subject: [PATCH] feat: hide page info in public pages (#4365)

---
 apps/core/src/components/page-detail-editor.css.ts | 5 ++++-
 apps/core/src/components/page-detail-editor.tsx    | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/core/src/components/page-detail-editor.css.ts b/apps/core/src/components/page-detail-editor.css.ts
index 368ea82821..833ac0d884 100644
--- a/apps/core/src/components/page-detail-editor.css.ts
+++ b/apps/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 pluginContainer = style({
   height: '100%',
@@ -16,3 +16,6 @@ export const editor = style({
     },
   },
 });
+globalStyle('.is-public-page affine-page-meta-data', {
+  display: 'none',
+});
diff --git a/apps/core/src/components/page-detail-editor.tsx b/apps/core/src/components/page-detail-editor.tsx
index 3719d53fb3..4d9510fb9d 100644
--- a/apps/core/src/components/page-detail-editor.tsx
+++ b/apps/core/src/components/page-detail-editor.tsx
@@ -80,6 +80,7 @@ const EditorWrapper = memo(function EditorWrapper({
       <Editor
         className={clsx(styles.editor, {
           'full-screen': appSettings.fullWidthLayout,
+          'is-public-page': isPublic,
         })}
         style={
           {