From 983a7a8944f26b76d75263e69b60d9d191cc3f9d Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sun, 14 Jun 2020 10:31:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/options.css | 65 ++++++++++++++++++++++++++++++++----
 1 file changed, 58 insertions(+), 7 deletions(-)

diff --git a/src/assets/style/options.css b/src/assets/style/options.css
index ec3c32d..77eb2a0 100644
--- a/src/assets/style/options.css
+++ b/src/assets/style/options.css
@@ -449,29 +449,80 @@ input::-webkit-input-placeholder {
     cursor: pointer;
     outline: none;
     color: white;
+    width: 60px;
 }
 
-#options #customize button.cancelBtn {
+#options #customize button.cmdBtn {
     float: right;
-    margin-right: 30px;
+    margin: 0px 10px;
+}
+
+#options #customize button.cancel {
     background: #808080c9;
 }
 
-#options #customize button.saveBtn {
-    float: right;
+#options #customize button.cancel:hover {
+    background: #a5a2a2c9;
+    transition: 0.5s;
+}
+
+#options #customize button.save {
     background: #1E90FF;
 }
 
-#options #customize button.saveBtn:hover {
+#options #customize button.save:hover {
     background: #5599FF;
     transition: 0.5s;
 }
 
-#options #customize button.cancelBtn:hover {
-    background: #a5a2a2c9;
+#options #customize button.run {
+    background: #15a86bc9;
+}
+
+#options #customize button.run:hover {
+    background: #27c583c9;
     transition: 0.5s;
 }
 
 ::-webkit-scrollbar {
     height: 0;
+}
+
+li.CodeMirror-hint {
+    min-width: 200px;
+    font-size: 13px;
+    padding: 3px 4px;
+}
+
+@keyframes fadeInDown {
+    0% {
+        opacity: 0;
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        transform: translateZ(0)
+    }
+}
+
+.fadeInDownWindow {
+    animation-name: fadeInDown;
+    animation-duration: 0.3s;
+}
+
+@keyframes fadeOutUp {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.fadeOutUpWindow {
+    animation-name: fadeOutUp;
+    animation-duration: 0.3s;
 }
\ No newline at end of file