chore: update site style

packages/docs/.vitepress/theme/components/blog-list-layout.vue

@@ -40,7 +40,9 @@ h1 {
 
 .blog-posts-container {
   max-width: 800px;
-  margin: 0 auto;
+  margin: auto;
+  padding-left: 30px;
+  padding-right: 30px;
 }
 
 .blog-post {

packages/docs/blog/crdt-native-data-flow.md

@@ -13,9 +13,7 @@ excerpt: To make editors intuitive and collaboration-ready, BlockSuite ensure th
 
 <BlogPostMeta />
 
-To make the editor logic based on BlockSuite intuitive and collaboration-ready, there is one major goal in BlockSuite: **Regardless of whether it is in a multi-user collaboration state, the application-layer code based on BlockSuite should be unaware of it**.
-
-We will introduce how this is designed in BlockSuite.
+To make editors intuitive and collaboration-ready, BlockSuite ensure that regardless of whether you are collaborating with others or not, the application code should be unaware of it. This article introduce how this is designed.
 
 ## CRDT as Single Source of Truth
 

packages/docs/components/doc-editor.md

@@ -10,4 +10,4 @@ This editor component is great at block-based rich text editng, with drag handle
 import { DocEditor } from '@blocksuite/presets';
 ```
 
-<iframe src="https://try-blocksuite.vercel.app/starter/?init" width="100%" height="500"></iframe>
+<iframe src="https://try-blocksuite.vercel.app/starter/?init" frameborder="no" width="100%" height="500"></iframe>

packages/docs/components/edgeless-editor.md

@@ -10,4 +10,4 @@ This editor component is great at whiteboard graphics editing capabilites. It co
 import { EdgelessEditor } from '@blocksuite/presets';
 ```
 
-<iframe src="https://try-blocksuite.vercel.app/starter/?init&mode=edgeless" width="100%" height="500"></iframe>
+<iframe src="https://try-blocksuite.vercel.app/starter/?init&mode=edgeless" frameborder="no" width="100%" height="500"></iframe>