Merge pull request #178 from TankNee/rebuild/fix

[fix]: fix splitter width and adapt the style of editor with.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cn.memocast.app",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "An Awesome WizNote Desktop Application",
   "productName": "Memocast",
   "author": "tanknee <nee@tanknee.cn>",

src/libs/muya/themes/default.css

@@ -208,11 +208,11 @@ kbd {
 
 @media not print {
   #ag-editor-id {
-    max-width: 80%;
+    max-width: 85%;
     min-width: 400px;
     min-height: 100%;
     margin: 0 auto;
-    padding: 20px 50px 100px 50px;
+    padding: 20px 35px 100px 35px;
     box-sizing: border-box;
   }
 

src/pages/Index.vue

@@ -2,7 +2,7 @@
   <q-page class='flex'>
     <q-splitter
       v-model='splitterWidthValue'
-      :limits='[10, 60]'
+      :limits='splitterLimits'
       class='full-width'
       unit='%'
       separator-class='bg-transparent'
@@ -196,7 +196,8 @@ export default {
       isOutlineShow: false,
       isSourceMode: false,
       isMindmapMode: false,
-      splitterWidthValue: 200,
+      splitterWidthValue: 35,
+      splitterLimits: [0, 60],
       tempNoteData: {},
       wordCount: {
         word: '0',
@@ -285,8 +286,10 @@ export default {
     noteListVisible: function (val) {
       if (!val) {
         this.updateStateAndStore({ splitterWidth: this.splitterWidthValue })
+        this.splitterLimits = [0, 0]
         this.splitterWidthValue = 0
       } else {
+        this.splitterLimits = [10, 60]
         this.splitterWidthValue = this.splitterWidth
       }
     }