tweak editor border width

egoist · Sep 23, 2016 · 6c004af · 6c004af
1 parent 07639ac
commit 6c004af
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/main.vue b/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>

diff --git a/src/css/theme/dark.css b/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;
     }