client: fix style

packages/client/src/components/template/editor/index.module.scss

@@ -24,41 +24,3 @@
     flex: 1;
   }
 }
-
-.editorWrap {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-
-  > div {
-    height: 100%;
-
-    > div:first-of-type > main {
-      padding: 24px 24px 96px;
-    }
-  }
-
-  .isStandardWidth {
-    > div {
-      > main {
-        > div:first-of-type {
-          width: 96%;
-          max-width: 750px;
-          margin: 0 auto;
-        }
-      }
-    }
-  }
-
-  .isFullWidth {
-    width: 100%;
-    margin: 0 auto;
-
-    > div {
-      > header {
-        justify-content: flex-start;
-      }
-    }
-  }
-}

packages/client/src/components/template/editor/index.tsx

@@ -1,6 +1,5 @@
 import { IconChevronLeft } from '@douyinfe/semi-icons';
 import { Button, Nav, Popconfirm, Space, Switch, Tooltip, Typography } from '@douyinfe/semi-ui';
-import cls from 'classnames';
 import { DocumentStyle } from 'components/document/style';
 import { Seo } from 'components/seo';
 import { Theme } from 'components/theme';
@@ -84,20 +83,9 @@ export const TemplateEditor: React.FC<IProps> = ({ templateId }) => {
           ></Nav>
         </header>
         <main className={styles.contentWrap}>
-          <div className={styles.editorWrap}>
+          {mounted && data && (
-            <div className={cls(styles.contentWrap, editorWrapClassNames)} style={{ fontSize }}>
+            <CollaborationEditor menubar editable user={user} id={data.id} type="template" onTitleUpdate={setTitle} />
-              {mounted && data && (
+          )}
-                <CollaborationEditor
-                  menubar
-                  editable
-                  user={user}
-                  id={data.id}
-                  type="template"
-                  onTitleUpdate={setTitle}
-                />
-              )}
-            </div>
-          </div>
         </main>
       </div>
     </>

packages/client/src/components/template/reader/index.tsx

@@ -1,6 +1,5 @@
 import { Spin } from '@douyinfe/semi-ui';
 import { DataRender } from 'components/data-render';
-import { ImageViewer } from 'components/image-viewer';
 import { Seo } from 'components/seo';
 import { useTemplate } from 'data/template';
 import React from 'react';
@@ -27,7 +26,6 @@ export const TemplateReader: React.FC<IProps> = ({ templateId }) => {
           <div id="js-template-reader" className="container">
             <Seo title={data.title} />
             <ReaderEditor content={data.content} />
-            <ImageViewer containerSelector={`#js-template-reader`} />
           </div>
         );
       }}

packages/client/src/layouts/router-header/index.tsx

@@ -130,7 +130,7 @@ export const RouterHeader: React.FC = () => {
           mode="horizontal"
           style={{ overflow: 'auto' }}
           header={
-            <Space>
+            <Space style={{ marginRight: 12 }}>
               <LogoImage />
               {width >= 890 && <LogoText />}
             </Space>