client: fix style

This commit is contained in:
fantasticit 2022-05-30 12:15:32 +08:00
parent 4ded780906
commit 52ee2a98bb
4 changed files with 4 additions and 56 deletions

View File

@ -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;
}
}
}
}

View File

@ -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}>
<div className={cls(styles.contentWrap, editorWrapClassNames)} style={{ fontSize }}>
{mounted && data && (
<CollaborationEditor
menubar
editable
user={user}
id={data.id}
type="template"
onTitleUpdate={setTitle}
/>
)}
</div>
</div>
{mounted && data && (
<CollaborationEditor menubar editable user={user} id={data.id} type="template" onTitleUpdate={setTitle} />
)}
</main>
</div>
</>

View File

@ -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>
);
}}

View File

@ -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>