diff --git a/frontend/src/views/dashboard/canvas/CanvasCore.vue b/frontend/src/views/dashboard/canvas/CanvasCore.vue index b03619df..2a6c141b 100644 --- a/frontend/src/views/dashboard/canvas/CanvasCore.vue +++ b/frontend/src/views/dashboard/canvas/CanvasCore.vue @@ -1093,7 +1093,7 @@ function tabMoveOutCheckSQ() { function tabMoveInCheckSQ() { const { cloneItem, moveItem } = infoBox.value - if (cloneItem && moveItem && moveItem !== 'SQTab') { + if (cloneItem && moveItem && moveItem.component !== 'SQTab') { const width = cloneItem.offsetWidth const height = cloneItem.offsetHeight const left = cloneItem.offsetLeft diff --git a/frontend/src/views/dashboard/canvas/ComponentBar.vue b/frontend/src/views/dashboard/canvas/ComponentBar.vue index ac2ee942..7b0583d1 100644 --- a/frontend/src/views/dashboard/canvas/ComponentBar.vue +++ b/frontend/src/views/dashboard/canvas/ComponentBar.vue @@ -60,9 +60,12 @@ const doDeleteComponent = (e: MouseEvent) => { @click="doPreview" >{{ t('dashboard.preview') }} - {{ - t('dashboard.delete') - }} + {{ t('dashboard.delete') }} @@ -74,10 +77,10 @@ const doDeleteComponent = (e: MouseEvent) => { .component-bar-main { height: 20px; position: absolute; - right: 5px; - top: 5px; + right: 12px; + top: 12px; display: flex; - z-index: 5; + z-index: 1; cursor: pointer !important; } @@ -93,7 +96,6 @@ const doDeleteComponent = (e: MouseEvent) => { background: rgba(255, 255, 255, 1); border: 1px solid rgba(217, 220, 223, 1); padding: 8px; - &:hover { background-color: rgba(245, 246, 247, 1); } diff --git a/frontend/src/views/dashboard/canvas/DragHandle.vue b/frontend/src/views/dashboard/canvas/DragHandle.vue index 945820ad..221c6d8b 100644 --- a/frontend/src/views/dashboard/canvas/DragHandle.vue +++ b/frontend/src/views/dashboard/canvas/DragHandle.vue @@ -54,7 +54,7 @@ const shadowStyle = (size: number, index: number) => {