d

winetree94 · Oct 31, 2023 · 2c78ba5 · 2c78ba5
1 parent c2cf670
commit 2c78ba5
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 15 deletions.
diff --git a/packages/docs/src/components/HomepageFeatures/index.tsx b/packages/docs/src/components/HomepageFeatures/index.tsx
@@ -84,7 +84,7 @@ const state: EditorState = new PMEditor({
   nativePlugins: (schema) => [PmpMenubarPlugin],
 }).configure();
 
-export default function HomepageFeatures(): JSX.Element {
+export default function Edim(): JSX.Element {
   const editorRef = useRef<HTMLDivElement>(null);
   const [editorState, setEditorState] = useState<EditorState>(
     EditorState.create({

diff --git a/packages/docs/src/components/HomepageFeatures/styles.module.scss b/packages/docs/src/components/HomepageFeatures/styles.module.scss
@@ -8,4 +8,4 @@
 .featureSvg {
   height: 200px;
   width: 200px;
-}
+}
diff --git a/packages/docs/src/css/custom.scss b/packages/docs/src/css/custom.scss
@@ -106,3 +106,8 @@ Not supports in Firefox and IE */
 .pmp-mention {
   border: 1px solid gray;
 }
+
+.pmp-view-editor-root {
+  max-width: 500px;
+  border: 1px solid gray;
+}
diff --git a/packages/docs/src/pages/index.module.css → packages/docs/src/pages/index.module.scss b/packages/docs/src/pages/index.module.css → packages/docs/src/pages/index.module.scss
@@ -16,6 +16,12 @@
   }
 }
 
+.Main {
+  display: flex;
+  justify-content: center;
+  padding: 20px 10px;
+}
+
 .buttons {
   display: flex;
   align-items: center;

diff --git a/packages/docs/src/pages/index.tsx b/packages/docs/src/pages/index.tsx
@@ -2,24 +2,15 @@ import React from 'react';
 import clsx from 'clsx';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
-import styles from './index.module.css';
+import Edim from '@site/src/components/HomepageFeatures';
+import styles from './index.module.scss';
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
-        {/* <p className="hero__subtitle">{siteConfig.tagline}</p> */}
-        {/* <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/intro"
-          >
-            Docusaurus Tutorial - 5min ⏱️
-          </Link>
-        </div> */}
       </div>
     </header>
   );
@@ -33,8 +24,8 @@ export default function Home(): JSX.Element {
       description="Description will go into a meta tag in <head />"
     >
       <HomepageHeader />
-      <main>
-        <HomepageFeatures />
+      <main className={clsx(styles.Main)}>
+        <Edim />
       </main>
     </Layout>
   );