mirror of https://github.com/fantasticit/think.git
feat: update style
This commit is contained in:
parent
877b065291
commit
40b5cb0c0b
|
@ -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)',
|
||||
|
|
|
@ -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)"
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue