From 8d34751196a21ead7e813fefd162515a821c5288 Mon Sep 17 00:00:00 2001 From: pipipi-pikachu Date: Sun, 10 Sep 2023 11:27:56 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E6=8F=92=E5=85=A5/=E5=B7=A5=E5=85=B7?= =?UTF-8?q?=E6=A0=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/Editor/CanvasTool/index.vue | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue index 56eafb42..2903bc2b 100644 --- a/src/views/Editor/CanvasTool/index.vue +++ b/src/views/Editor/CanvasTool/index.vue @@ -251,12 +251,6 @@ const openSraechPanel = () => { .handler-item { width: 32px; - height: 24px; - display: flex; - justify-content: center; - align-items: center; - margin: 0 2px; - border-radius: $borderRadius; &:not(.group-btn):hover { background-color: #f1f1f1; @@ -303,8 +297,13 @@ const openSraechPanel = () => { } } .handler-item { - margin: 0 10px; + height: 24px; font-size: 14px; + margin: 0 2px; + display: flex; + justify-content: center; + align-items: center; + border-radius: $borderRadius; overflow: hidden; cursor: pointer; @@ -312,6 +311,15 @@ const openSraechPanel = () => { opacity: .5; } } +.left-handler, .right-handler { + .handler-item { + padding: 0 8px; + + &:not(.disable):hover { + background-color: #f1f1f1; + } + } +} .right-handler { display: flex; align-items: center; @@ -352,9 +360,6 @@ const openSraechPanel = () => { .text { display: none; } - .handler-item { - margin: 0 5px; - } } @media screen and (width <= 1000px) { .left-handler, .right-handler {