feat: update style

This commit is contained in:
fantasticit 2022-03-12 13:44:38 +08:00
parent 877b065291
commit 40b5cb0c0b
5 changed files with 32 additions and 28 deletions

View File

@ -59,7 +59,7 @@ export const DocumentCreator: React.FC<IProps> = ({
okButtonProps={{ loading }}
style={{
maxWidth: '96vw',
width: 'calc(80vw - 120px)',
width: '96vh',
}}
bodyStyle={{
maxHeight: 'calc(90vh - 120px)',

View File

@ -6,7 +6,7 @@ export const IconDocument: React.FC<{ style?: React.CSSProperties }> = ({ style
<Icon
style={style}
svg={
<svg height="16" width="16" viewBox="0 0 24 24" focusable="false">
<svg height="18" width="18" viewBox="0 0 24 24" focusable="false">
<g fill="currentColor" fillRule="evenodd" clipRule="evenodd">
<path
transform="translate(2 2)"

View File

@ -43,6 +43,11 @@
}
.icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 24px;
min-height: 24px;
margin: 0 6px 0 0;
:global {

View File

@ -1,11 +1,11 @@
@import "~@douyinfe/semi-ui/dist/css/semi.min.css";
@import "./var.scss";
@import "./extension.scss";
@import "./prosemirror.scss";
@import "./github.scss";
@import "./github-dark.scss";
@import "./jsmind.scss";
@import "./katex.scss";
@import '~@douyinfe/semi-ui/dist/css/semi.min.css';
@import './var.scss';
@import './extension.scss';
@import './prosemirror.scss';
@import './github.scss';
@import './github-dark.scss';
@import './jsmind.scss';
@import './katex.scss';
/* Box sizing rules */
*,
@ -29,8 +29,8 @@ dd {
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
ul[role='list'],
ol[role='list'] {
list-style: none;
}

View File

@ -28,9 +28,10 @@
white-space: break-spaces;
word-break: break-word;
word-wrap: break-word;
font-family: "Chinese Quote", "Segoe UI", Roboto, RobotoNum, "PingFang SC",
"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
sans-serif;
font-family: 'Chinese Quote', 'Segoe UI', Roboto, RobotoNum, 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
letter-spacing: 0.008em;
line-height: 1.74;
outline: none !important;
&:focus-visible {
@ -102,32 +103,32 @@
h1 {
font-size: 1.87em;
margin: 26px 0 10px 0;
margin: 26px 0 14px 0;
}
h2 {
font-size: 1.6em;
margin: 21px 0 10px 0;
margin: 21px 0 14px 0;
}
h3 {
font-size: 1.3em;
margin: 16px 0 10px 0;
margin: 16px 0 14px 0;
}
h4 {
font-size: 1.1em;
margin: 10px 0 10px 0;
margin: 14px 0 14px 0;
}
h5 {
font-size: 1em;
margin: 5px 0 10px 0;
margin: 5px 0 14px 0;
}
h6 {
font-size: 1em;
margin: 0 0 10px 0;
margin: 0 0 14px 0;
}
h1:first-child,
@ -151,11 +152,9 @@
p {
font-size: 1em;
line-height: 1.74;
letter-spacing: 0.008em;
}
ul[data-type="taskList"] {
ul[data-type='taskList'] {
list-style: none;
padding: 0;
@ -178,7 +177,7 @@
padding-left: 0.5rem;
}
&[data-checked="true"] {
&[data-checked='true'] {
color: var(--semi-color-text-2);
> div {
@ -190,9 +189,9 @@
blockquote {
box-sizing: border-box;
padding-left: 16px;
padding-left: 10px;
border-left: 2px solid var(--semi-color-fill-2);
margin: 0.75rem 0px 0px;
margin: 0.75rem 0;
}
code {
@ -209,7 +208,7 @@
pre {
position: relative;
border-radius: var(--border-radius);
margin: 0.75rem 0px 0px;
margin: 0.75rem 0px;
counter-reset: line 0;
display: flex;
min-width: 48px;