From d46edf9df32ef19e98a14e19796ca747af71d591 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Tue, 15 Nov 2022 21:44:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/variable.scss               |  1 +
 src/views/Editor/CanvasTool/index.vue         | 14 ++++++++++++++
 src/views/Editor/Toolbar/SlideDesignPanel.vue |  2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/variable.scss b/src/assets/styles/variable.scss
index 2f11866d..ff714dbb 100644
--- a/src/assets/styles/variable.scss
+++ b/src/assets/styles/variable.scss
@@ -1,4 +1,5 @@
 $themeColor: #d14424;
+$themeHoverColor: #de6949;
 $textColor: #41464b;
 $borderColor: #eee;
 $lightGray: #f9f9f9;
diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue
index 3cf38095..b1227cb8 100644
--- a/src/views/Editor/CanvasTool/index.vue
+++ b/src/views/Editor/CanvasTool/index.vue
@@ -331,4 +331,18 @@ const drawLine = (line: LinePoolItem) => {
     margin-top: 3px;
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .text {
+    display: none;
+  }
+  .handler-item {
+    margin: 0 5px;
+  }
+}
+@media screen and (max-width: 1000px) {
+  .left-handler, .right-handler {
+    display: none;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/Editor/Toolbar/SlideDesignPanel.vue b/src/views/Editor/Toolbar/SlideDesignPanel.vue
index 4cab6982..c9a05034 100644
--- a/src/views/Editor/Toolbar/SlideDesignPanel.vue
+++ b/src/views/Editor/Toolbar/SlideDesignPanel.vue
@@ -408,7 +408,7 @@ const updateViewportRatio = (value: number) => {
     border-radius: $borderRadius;
 
     &:hover {
-      background-color: #c42f19;
+      background-color: $themeHoverColor;
     }
 
     & + .btn {