fix(toolbar-save): 修复保存时红色 icon 相对位置丢失的 bug (#250)

This commit is contained in:
chilingling 2024-01-24 17:27:39 +08:00 committed by GitHub
parent 91ff6aed55
commit dec9334eb8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 7 deletions

View File

@ -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 {