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

tiptap: improve heading style

pull/29/head
fantasticit 2022-04-25 09:55:59 +08:00
parent 8f9cecf277
commit 7d1afdd394
2 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/client/src/styles/globals.scss
View File

@ -27,7 +27,7 @@
.Resizer {
z-index: 1;
opacity: .2;
opacity: 0.2;
box-sizing: border-box;
background-clip: padding;
}
@ -89,3 +89,13 @@
.semi-button-disabled {
pointer-events: none;
}
.semi-select-selection-text {
font-size: 1em;
font-weight: normal;
> * {
font-size: inherit !important;
font-weight: inherit;
}
}

24
packages/client/src/tiptap/menus/heading/index.tsx
View File

@ -30,12 +30,24 @@ export const Heading: React.FC<{ editor: Editor }> = ({ editor }) => {
style={{ width: 90, marginRight: 10 }}
>
<Select.Option value="paragraph">正文</Select.Option>
<Select.Option value={1}>标题1</Select.Option>
<Select.Option value={2}>标题2</Select.Option>
<Select.Option value={3}>标题3</Select.Option>
<Select.Option value={4}>标题4</Select.Option>
<Select.Option value={5}>标题5</Select.Option>
<Select.Option value={6}>标题6</Select.Option>
<Select.Option value={1}>
<h1 style={{ margin: 0, fontSize: '1.3em' }}>标题1</h1>
</Select.Option>
<Select.Option value={2}>
<h2 style={{ margin: 0, fontSize: '1.1em' }}>标题2</h2>
</Select.Option>
<Select.Option value={3}>
<h3 style={{ margin: 0, fontSize: '1.0em' }}>标题3</h3>
</Select.Option>
<Select.Option value={4}>
<h4 style={{ margin: 0, fontSize: '0.9em' }}>标题4</h4>
</Select.Option>
<Select.Option value={5}>
<h5 style={{ margin: 0, fontSize: '0.8em' }}>标题5</h5>
</Select.Option>
<Select.Option value={6}>
<h6 style={{ margin: 0, fontSize: '0.8em' }}>标题6</h6>
</Select.Option>
</Select>
);
};