perf: 样式优化

src/assets/styles/variable.scss

@@ -1,4 +1,5 @@
 $themeColor: #d14424;
+$themeHoverColor: #de6949;
 $textColor: #41464b;
 $borderColor: #eee;
 $lightGray: #f9f9f9;

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>

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 {