diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/DeWidget/DeTabs.vue index a0cedc4081..40a6eaf09b 100644 --- a/frontend/src/components/widget/DeWidget/DeTabs.vue +++ b/frontend/src/components/widget/DeWidget/DeTabs.vue @@ -6,7 +6,7 @@ type="card" style-type="radioGroup" class="de-tabs-height" - :class="isEdit ? 'de-tabs-edit' : ''" + :class="isCurrentEdit ? 'de-tabs-edit' : ''" :font-color="fontColor" :active-color="activeColor" :border-color="borderColor" @@ -249,6 +249,9 @@ export default { }, titleValid() { return !!this.textarea && !!this.textarea.trim() + }, + isCurrentEdit() { + return this.isEdit && this.curComponent && this.curComponent.id === this.element.id } }, watch: { diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss index ca8f3457e0..d3b3752e6a 100644 --- a/frontend/src/styles/index.scss +++ b/frontend/src/styles/index.scss @@ -143,7 +143,7 @@ div:focus { height: 100vh !important; } } -.de-tabs-edit { +.de-tabs-edit>.el-tabs__header{ padding-right: 50px !important; } .de-tabs {