From dec9334eb8b8ff0178ef3aa13555000ad05fe8fe Mon Sep 17 00:00:00 2001
From: chilingling <26962197+chilingling@users.noreply.github.com>
Date: Wed, 24 Jan 2024 17:27:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(toolbar-save):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98=E6=97=B6=E7=BA=A2=E8=89=B2=20icon=20?=
 =?UTF-8?q?=E7=9B=B8=E5=AF=B9=E4=BD=8D=E7=BD=AE=E4=B8=A2=E5=A4=B1=E7=9A=84?=
 =?UTF-8?q?=20bug=20(#250)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/toolbars/save/src/Main.vue | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/toolbars/save/src/Main.vue b/packages/toolbars/save/src/Main.vue
index a253fc4..fede885 100644
--- a/packages/toolbars/save/src/Main.vue
+++ b/packages/toolbars/save/src/Main.vue
@@ -7,7 +7,7 @@
     :content="isLoading ? '保存中' : '保存'"
   >
     <template #reference>
-      <span :class="[isLoading ? 'saving' : 'icon']" @click="openApi">
+      <span :id="`${isLoading ? 'saving' : ''}`" class="icon" @click="openApi">
         <span v-show="!isSaved()" class="dots"></span>
         <svg-icon :name="icon"></svg-icon>
       </span>
@@ -134,14 +134,12 @@ export default {
   right: 3px;
   z-index: 100;
 }
-.saving {
-  width: 32px;
-  height: 32px;
-  display: inline-block;
+#saving {
   cursor: not-allowed;
   color: var(--ti-lowcode-disabled-color);
-  font-size: 20px;
-  margin-bottom: -2px;
+  :deep(svg) {
+    color: var(--ti-lowcode-disabled-color);
+  }
 }
 
 .dialog-box {