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) => {