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

View File

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

View File

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