From 0a234ebc9bf0c60bfb0c888a8c336e4a348dc3bc Mon Sep 17 00:00:00 2001
From: cipchk <cipchk@qq.com>
Date: Sun, 12 Jul 2020 12:50:24 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=88=86=E9=9A=94?=
 =?UTF-8?q?=E7=AC=A6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/_toolbar.scss | 9 +++++----
 src/assets/scss/index.scss    | 2 ++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/_toolbar.scss b/src/assets/scss/_toolbar.scss
index 22a7fdbc7..1216b1a7d 100644
--- a/src/assets/scss/_toolbar.scss
+++ b/src/assets/scss/_toolbar.scss
@@ -32,7 +32,7 @@
         border: 0;
         padding: 10px 5px;
         background-color: transparent;
-        height: 35px;
+        height: var(--toolbar-height);
         width: 25px;
         box-sizing: border-box;
         font-size: 0;
@@ -59,7 +59,7 @@
       input {
         position: absolute;
         width: 25px;
-        height: 35px;
+        height: var(--toolbar-height);
         top: 0;
         left: 0;
         cursor: pointer;
@@ -70,8 +70,9 @@
 
     &__divider {
       float: left;
-      width: 16px;
-      height: 35px;
+      height: calc(var(--toolbar-height) - (var(--toolbar-divider-margin-top) * 2));
+      border-left: 1px solid var(--border-color);
+      margin: var(--toolbar-divider-margin-top) 8px;
     }
 
     &__br {
diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss
index 6e880f3fb..047b9468b 100755
--- a/src/assets/scss/index.scss
+++ b/src/assets/scss/index.scss
@@ -18,6 +18,8 @@ $max-width: 520px !default;
   --toolbar-background-color: #f6f8fa;
   --toolbar-icon-color: #586069;
   --toolbar-icon-hover-color: #{$blurColor};
+  --toolbar-height: 35px;
+  --toolbar-divider-margin-top: 8px;
 
   --textarea-background-color: #fafbfc;
   --textarea-text-color: #24292e;