feat: update style

packages/client/src/components/document/create/index.tsx

@@ -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)',

packages/client/src/components/icons/IconDocument.tsx

@@ -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)"

packages/client/src/components/wiki/tocs/index.module.scss

@@ -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 {

packages/client/src/styles/globals.scss

@@ -1,11 +1,11 @@
-@import "~@douyinfe/semi-ui/dist/css/semi.min.css";
+@import '~@douyinfe/semi-ui/dist/css/semi.min.css';
-@import "./var.scss";
+@import './var.scss';
-@import "./extension.scss";
+@import './extension.scss';
-@import "./prosemirror.scss";
+@import './prosemirror.scss';
-@import "./github.scss";
+@import './github.scss';
-@import "./github-dark.scss";
+@import './github-dark.scss';
-@import "./jsmind.scss";
+@import './jsmind.scss';
-@import "./katex.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"],
+ul[role='list'],
-ol[role="list"] {
+ol[role='list'] {
   list-style: none;
 }
 

packages/client/src/styles/prosemirror.scss

@@ -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",
+  font-family: 'Chinese Quote', 'Segoe UI', Roboto, RobotoNum, 'PingFang SC', 'Hiragino Sans GB',
-    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
+    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    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;