docs: add styles for ui

README.md

@@ -6,11 +6,12 @@ Todos
 
 - [ ] Spike editor for edit user requirements/feature.
     - [x] ProseMirror
-        - [ ] Slash Command
-        - [ ] Bubble Menu
-        - [ ] Menu Bar
-        - [ ] Quick Insert
+        - [x] Slash Command
+        - [x] Bubble Menu
+        - [x] Menu Bar
+        - [x] Quick Insert
     - [ ] Diff
+        - [ ] JSON Schema, like lines, $from, $to 
         - Viewer for content rewrite,
           like: [https://codesandbox.io/s/prosemirror-diff-nuhiiq](https://codesandbox.io/s/prosemirror-diff-nuhiiq)
         - Change

components/editor/live-editor.jsx

@@ -53,14 +53,25 @@ Hi there, BB is editor for Unit Mesh architecture paradigms, the next-gen softwa
 2. use \`Alt\` + \`/\` or \`Command\` + \`/\` to show custom input box.
 3. select text and right click to see the context menu.
 
+永和九年，岁在癸丑，暮春之初，会于会稽山阴之兰亭，修禊事也。群贤毕至，少长咸集。此地有崇山峻岭，茂林修竹；又有清流激湍，映带左右，引以为流觞曲水，
+列坐其次。虽无丝竹管弦之盛，一觞一咏，亦足以畅叙幽情。
+
+是日也，天朗气清，惠风和畅。仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也。
+
+夫人之相与，俯仰一世，或取诸怀抱，悟言一室之内；或因寄所托，放浪形骸之外。虽趣舍万殊，静躁不同，当其欣于所遇，暂得于己，快然自足，不知老之将至。
+及其所之既倦，情随事迁，感慨系之矣。向之所欣，俯仰之间，已为陈迹，犹不能不以之兴怀。况修短随化，终期于尽。古人云：“死生亦大矣。”岂不痛哉！(趣 一作：曲)
+
+每览昔人兴感之由，若合一契，未尝不临文嗟悼，不能喻之于怀。固知一死生为虚诞，齐彭殇为妄作。后之视今，亦犹今之视昔。悲夫！故列叙时人，录其所述，
+虽世殊事异，所以兴怀，其致一也。后之览者，亦将有感于斯文。
+
 `
 const LiveEditor = () => {
   const editor = useEditor({
     extensions,
     content: md.render(content),
     editorProps: {
       attributes: {
-        class: 'prose dark:prose-invert prose-sm sm:prose-base bb-editor-inner',
+        class: 'prose lg:prose-xl bb-editor-inner',
       },
     },
   })

styles/Home.module.css

@@ -79,7 +79,7 @@
   height: 1em;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   .grid {
     width: 100%;
     flex-direction: column;

styles/global.css

@@ -235,13 +235,13 @@ input {
     flex-basis: 45%;
     border: 1px solid #0070f3;
     border-radius: 10px;
-    width: 600px;
+    width: 800px;
     height: 100%;
     min-height: 80vh;
 }
 
 .domain-buttons {
-    width: 600px;
+    width: 800px;
     margin: 1rem;
     display: flex;
     flex-wrap: wrap;