mirror of https://github.com/fantasticit/think.git
client: fix style
This commit is contained in:
parent
4ded780906
commit
52ee2a98bb
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue