gio
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/client/src/components/divider.tsx
View File

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

12
packages/client/src/components/document/reader/public/index.tsx
View File

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