change css

docker-compose.dev.yml

@@ -18,12 +18,3 @@ services:
       - ./db:/usr/src/app/db
       - ./docs-config.yaml:/usr/src/app/docs-config.yaml
       - ./docs-config.local.yaml:/usr/src/app/docs-config.local.yaml
-  mongodb:
-    image: mongo:6.0.1
-    ports:
-      - "27017:27017"
-    volumes:
-      - mongodb_data:/data/db
-
-volumes:
-  mongodb_data:

src/frontend/js/classes/editor.js

@@ -154,7 +154,7 @@ export default class Editor {
 
         embed: Embed,
       },
-      defaultBlock: 'Paragraph',
+      //defaultBlock: 'Paragraph',
       data: {
         blocks: [
           {

src/frontend/styles/components/table-of-content.pcss

@@ -1,6 +1,6 @@
 .table-of-content {
   border-left: 1px solid var(--color-line-gray);
-  max-height: 100%;
+  max-height: 90%;
   overflow: auto;
   padding: 0 var(--layout-padding-horizontal);
   margin: var(--layout-padding-vertical) 0;

src/frontend/styles/layout.pcss

@@ -54,9 +54,10 @@
     width: var(--layout-sidebar-width);
     min-width: 160px;
     display: none;
+    overflow: hidden !important;
 
     position: sticky;
-    overflow: auto;
+    
     height: calc(100vh - var(--layout-height-header));
 
     top: calc(var(--layout-height-header));

src/frontend/styles/vars.pcss

@@ -41,11 +41,11 @@
   /**
    * Site layout sizes
    */
-  --layout-padding-horizontal: 22px;
+  --layout-padding-horizontal: 10px;
   --layout-padding-vertical: 30px;
-  --layout-padding-content-horizontal: 50px;
+  --layout-padding-content-horizontal: 20px;
   --layout-sidebar-width: 280px;
-  --layout-width-main-col: 700px;
+  --layout-width-main-col: 850px;
   --layout-height-header: 56px;
 
   @media (--mobile) {
@@ -56,7 +56,7 @@
   }
 
   @media (--wide-desktop) {
-    --layout-sidebar-width: 344px;
+    --layout-sidebar-width: 300px;
   }
 
   --font-mono: Menlo,Monaco,Consolas,Courier New,monospace;