feat: update style

packages/client/src/styles/globals.scss

@@ -3,6 +3,7 @@
 @import './reset.scss';
 
 .container {
+  width: 100%;
   margin-right: auto;
   margin-left: auto;
 }
@@ -25,6 +26,24 @@
   }
 }
 
+@media (min-width: 1024px) {
+  .container {
+    width: 960px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1440px;
+  }
+}
+
 .Resizer {
   z-index: 1;
   opacity: 0.2;

packages/client/src/styles/reset.scss

@@ -5,8 +5,14 @@
   box-sizing: border-box;
 }
 
-body,
 html {
+  line-height: 1.15;
+  text-size-adjust: 100%;
+  tab-size: 2;
+}
+
+html,
+body {
   height: 100%; /* Fill the window */
   padding: 0;
   margin: 0;

packages/client/src/tiptap/core/styles/base.scss

@@ -23,6 +23,26 @@
     outline: none;
   }
 
+  summary {
+    display: list-item;
+  }
+
+  blockquote,
+  dd,
+  dl,
+  figure,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  p,
+  pre {
+    margin: 0;
+  }
+
   a {
     color: var(--semi-color-link);
     text-decoration: underline;
@@ -33,6 +53,22 @@
     border-radius: var(--border-radius);
   }
 
+  sub,
+  sup {
+    position: relative;
+    font-size: 75%;
+    line-height: 0;
+    vertical-align: baseline;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
   p {
     margin-top: 0.75rem;
     margin-bottom: 0;