d

packages/docs/src/css/custom.scss

@@ -57,55 +57,3 @@ body {
 
   font-family: "Inter", "Noto Sans KR", sans-serif;
 }
-
-/* Customize website's scrollbar like Mac OS
-Not supports in Firefox and IE */
-.scrollbar {
-  overflow: overlay;
-}
-
-/* total width */
-.scrollbar::-webkit-scrollbar {
-  background-color: rgba(0, 0, 0, 0);
-  width: 16px;
-  height: 16px;
-  z-index: 999999;
-}
-
-/* background of the scrollbar except button or resizer */
-.scrollbar::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0);
-}
-
-/* scrollbar itself */
-.scrollbar::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0);
-  border-radius: 16px;
-  border: 0px solid #fff;
-}
-
-/* set button(top and bottom of the scrollbar) */
-.scrollbar::-webkit-scrollbar-button {
-  display: none;
-}
-
-/* scrollbar when element is hovered */
-.scrollbar:hover::-webkit-scrollbar-thumb {
-  background-color: #a0a0a5;
-  border: 4px solid #fff;
-}
-
-/* scrollbar when scrollbar is hovered */
-.scrollbar::-webkit-scrollbar-thumb:hover {
-  background-color: #a0a0a5;
-  border: 4px solid #f4f4f4;
-}
-
-.pmp-mention {
-  border: 1px solid gray;
-}
-
-.pmp-view-editor-root {
-  // max-width: 500px;
-  // border: 1px solid gray;
-}

packages/docs/src/pages/index.module.scss

@@ -1,6 +1,7 @@
 .EditorContainer {
   background-color: rgba(0, 0, 0, 0.1);
   padding: 30px;
+  align-items: center;
 }
 
 .Header {
@@ -12,4 +13,5 @@
   display: flex;
   flex: 1 1 auto;
   width: 100%;
+  max-width: 1080px;
 }

packages/preset-view/package.json

@@ -27,6 +27,7 @@
     "prosemirror-preset-tables": "*",
     "prosemirror-preset-command": "*",
     "prosemirror-preset-blockquote": "*",
+    "emoji-datasource": "15.0.1",
     "preact": "*",
     "htm": "*",
     "remixicon": "^3.5.0"