client: use divider between wiki and document

This commit is contained in:
fantasticit 2022-06-03 18:21:07 +08:00
parent 232c818c81
commit 57959a904f
2 changed files with 10 additions and 6 deletions

View File

@ -1,13 +1,13 @@
import React from 'react';
export const _Divider = ({ vertical = false }) => {
export const _Divider = ({ vertical = false, margin = 6 }) => {
return (
<div
style={{
display: 'inline-block',
width: 1,
height: 18,
margin: '0 6px',
margin: `0 ${margin}px`,
backgroundColor: 'var(--semi-color-border)',
transform: `rotate(${vertical ? 90 : 0}deg)`,
}}

View File

@ -10,6 +10,7 @@ import {
} from '@douyinfe/semi-ui';
import { FormApi } from '@douyinfe/semi-ui/lib/es/form';
import { DataRender } from 'components/data-render';
import { Divider } from 'components/divider';
import { DocumentStyle } from 'components/document/style';
import { LogoImage, LogoText } from 'components/logo';
import { Seo } from 'components/seo';
@ -131,10 +132,13 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
mode="horizontal"
header={
!hideLogo && !isMobile ? (
<Space style={{ marginRight: 12 }}>
<LogoImage />
<LogoText />
</Space>
<>
<Space>
<LogoImage />
<LogoText />
</Space>
<Divider margin={12} />
</>
) : null
}
footer={