tweak editor border width

Author: egoist

src/components/main.vue

@@ -111,7 +111,11 @@
       <div
         class="editor"
         :class="{'focus-mode': tab.isFocusMode}"
-        :style="{width: getSplitWidth('editor'), 'font-size': settings.fontSize + 'px'}"
+        :style="{
+          width: getSplitWidth('editor'),
+          'font-size': settings.fontSize + 'px',
+          'border-right-width': currentTab.writingMode === 'default' ? '1px' : '0'
+        }"
         v-show="currentTab && currentTab.writingMode !== 'preview'">
         <textarea class="editor-input" :id="'editor-' + $index">{{ tab.content }}</textarea>
         <div class="resize-bar" @mousedown="resizeStart($event, $index)"></div>

src/css/theme/dark.css

@@ -66,7 +66,7 @@ $light: #ccc;
   }
 
   .editor {
-    border-right-color: $dark;
+    border-right-color: $light-dark;
     .CodeMirror {
       background-color: $dark !important;
     }